diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 648138f..1a28333 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -391,7 +391,7 @@ const projects: Project[] = [ .hero { position: relative; overflow: hidden; - min-height: 80vh; + min-height: 110vh; display: flex; align-items: center; } @@ -416,6 +416,7 @@ const projects: Project[] = [ width: 100%; height: 100%; object-fit: cover; + object-position: center 44%; z-index: 0; } @@ -439,11 +440,12 @@ const projects: Project[] = [ display: grid; grid-template-columns: 1fr auto; align-items: center; - gap: 3rem; + gap: 0.5rem; width: 100%; max-width: 1200px; margin: 0 auto; padding: 6rem 2rem; + transform: translateY(clamp(-15.25rem, calc(-22vh - 20px), -8.25rem)); } .hero__text { @@ -471,7 +473,7 @@ const projects: Project[] = [ } .hero__portrait-frame { - --portrait-frame-size: clamp(180px, 22vw, 320px); + --portrait-frame-size: clamp(200px, 24vw, 350px); width: var(--portrait-frame-size); height: var(--portrait-frame-size);