diff --git a/src/components/Hero3.jsx b/src/components/Hero3.jsx
index c85b4a5..8f93439 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-[80vh]  lg:h-auto mt-0"
+      className="relative w-full overflow-hidden  h-[60vh]  lg:h-auto mt-0"
     >
       {/* Background Image - stays for mobile, hidden on lg (sticky column takes over) */}
       <img
@@ -42,6 +42,14 @@ export function Hero3() {
           </PS>
         </div>
       </div>
+      
+      {/* Chevron Down Button - Mobile Only */}
+      <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 lg:hidden z-30">
+        <ChevronDownIcon 
+          onClick={scrollDown}
+          className="h-10 w-10 text-white animate-pulse cursor-pointer hover:text-gray-300 transition-colors duration-200"
+        />
+      </div>
     </div>
   )
 }
diff --git a/src/components/Hero4.jsx b/src/components/Hero4.jsx
index 8886621..9b0252a 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-[80vh]  lg:h-auto mt-0"
+      className="relative w-full overflow-hidden  h-[60vh]  lg:h-auto mt-0"
     >
       <img
         src="/images/hero_story2.jpg"
@@ -37,6 +37,14 @@ export function Hero4() {
           </PS>
         </div>
       </div>
+      
+      {/* Chevron Down Button - Mobile Only */}
+      <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 lg:hidden z-30">
+        <ChevronDownIcon 
+          onClick={scrollDown}
+          className="h-10 w-10 text-white animate-pulse cursor-pointer hover:text-gray-300 transition-colors duration-200"
+        />
+      </div>
     </div>
   )
 }
diff --git a/src/components/Hero5.jsx b/src/components/Hero5.jsx
index 6d7be02..284a0b8 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-[80vh] cha lg:h-auto mt-0"
+      className="relative w-full overflow-hidden  h-[60vh] cha lg:h-auto mt-0"
     >
       <img
         src="/images/hero_story3.jpg"