From 3d0cdc72573a38a25329cf7d8fcaa7b95f241cfd Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Sat, 6 Jun 2026 22:00:05 +0300
Subject: [PATCH] fix home hero layers

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

diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue
index 9afeea6..9bd2004 100644
--- a/frontend/rabbi_gerzi/src/views/HomePage.vue
+++ b/frontend/rabbi_gerzi/src/views/HomePage.vue
@@ -416,18 +416,21 @@ const projects: Project[] = [
   width: 100%;
   height: 100%;
   object-fit: cover;
+  z-index: 0;
 }
 
 .hero__mountain {
-  bottom: -2rem;
-  width: 120%;
+  bottom: calc(50% - 58.8vw);
+  width: 100vw;
   max-width: none;
+  z-index: 1;
 }
 
 .hero__hiker {
-  bottom: 10%;
-  width: 35%;
-  max-width: 480px;
+  bottom: 0;
+  width: 100vw;
+  max-width: none;
+  z-index: 2;
 }
 
 .hero__content {
@@ -1055,10 +1058,6 @@ const projects: Project[] = [
     margin: 0 auto;
   }
 
-  .hero__hiker {
-    width: 60%;
-  }
-
   .core-teachings__grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 2rem 1rem;