Fix homepage image display and animation issues

Update CSS to correct mobile display of the mission image and JavaScript to ensure animations trigger correctly on page load and prevent spamming.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5e85e2ff-f77c-4bb3-983c-222800a23422
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/d075e7a4-f667-4f28-b24a-2d29e4931850/W9XaVKV
Replit-Helium-Checkpoint-Created: true

css/enhance.css

@@ -973,13 +973,21 @@ body {
 
     /* Mission image at tablet: clear the circle-offset padding */
     .mission-img {
-        padding: 0 0 0 0 !important;
+        padding: 0 !important;
         text-align: center !important;
         margin-top: 30px !important;
     }
 
-    .mission-img figure,
+    /* Fix inline-flex reveal figure so it fills full width on mobile */
+    .mission-img .reveal,
+    .mission-img figure {
+        display: block !important;
+        width: 100% !important;
+    }
+
+    /* Landscape aspect-ratio on mobile; override height:100% from .reveal img */
     .mission-img img {
+        height: auto !important;
         aspect-ratio: 16 / 9 !important;
         border-radius: 0 0 50px 0 !important;
     }
@@ -1044,9 +1052,8 @@ body {
         margin-bottom: 0 !important;
     }
 
-    .mission-img figure,
+    /* Tighter corner radius at phone size; display:block & height:auto inherit from 991px */
     .mission-img img {
-        aspect-ratio: 16 / 9 !important;
         border-radius: 0 0 40px 0 !important;
     }
 

js/function.js

@@ -317,7 +317,20 @@
         /* Contact form validation end */
 
         /* Animated Wow Js */
-	new WOW().init();
+        var wowInstance = new WOW({
+            mobile:          true,
+            live:            false,
+            offset:          0,
+            scrollContainer: null
+        });
+        wowInstance.init();
+        /* Re-trigger after page fully loads so elements already in the viewport
+           on scroll-restore also animate (fixes "nothing shows on reload" issue) */
+        $(window).on('load', function () {
+            setTimeout(function () {
+                window.dispatchEvent(new Event('scroll'));
+            }, 200);
+        });
 
         /* Popup Video */
         if ($('.popup-video').length) {