From 531e4a0258c2a3c4290d21d5d18133168b604e57 Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Sat, 6 Jun 2026 22:09:04 +0300
Subject: [PATCH] adjust hero composition

---
 frontend/rabbi_gerzi/src/views/HomePage.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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);