diff --git a/src/components/Hero3.jsx b/src/components/Hero3.jsx
index e9865c4..c85b4a5 100644
--- a/src/components/Hero3.jsx
+++ b/src/components/Hero3.jsx
@@ -17,7 +17,7 @@ export function Hero3() {
       id="section-1"
       data-story-section
       data-image="/images/hero_story1.jpg"
-      className="relative w-full overflow-hidden h-screen lg:h-auto mt-0"
+      className="relative w-full overflow-hidden  h-[80vh]  lg:h-auto mt-0"
     >
       {/* Background Image - stays for mobile, hidden on lg (sticky column takes over) */}
       <img
diff --git a/src/components/Hero4.jsx b/src/components/Hero4.jsx
index acb8214..8886621 100644
--- a/src/components/Hero4.jsx
+++ b/src/components/Hero4.jsx
@@ -17,7 +17,7 @@ export function Hero4() {
       id="section-2"
       data-story-section
       data-image="/images/hero_story2.jpg"
-      className="relative w-full overflow-hidden h-screen lg:h-auto mt-0"
+      className="relative w-full overflow-hidden  h-[80vh]  lg:h-auto mt-0"
     >
       <img
         src="/images/hero_story2.jpg"
diff --git a/src/components/Hero5.jsx b/src/components/Hero5.jsx
index 6e55c0e..6d7be02 100644
--- a/src/components/Hero5.jsx
+++ b/src/components/Hero5.jsx
@@ -8,7 +8,7 @@ export function Hero5() {
       id="section-3"
       data-story-section
       data-image="/images/hero_story3.jpg"
-      className="relative w-full overflow-hidden h-screen lg:h-auto mt-0"
+      className="relative w-full overflow-hidden  h-[80vh] cha lg:h-auto mt-0"
     >
       <img
         src="/images/hero_story3.jpg"