From 5aa440c4dc36db511e907eedb88e297dead4a753 Mon Sep 17 00:00:00 2001
From: keshavanand12 <27890624-keshavanand12@users.noreply.replit.com>
Date: Tue, 17 Mar 2026 22:52:31 +0000
Subject: [PATCH] Center the homepage mission image on mobile devices

Update CSS to ensure the mission image is centered and fully visible on mobile viewports by overriding GSAP animation styles.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a4ff629e-a0c5-4ff8-9450-c5b4de6efab5
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 | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/css/enhance.css b/css/enhance.css
index c4d2b50..036e6bb 100644
--- a/css/enhance.css
+++ b/css/enhance.css
@@ -978,18 +978,27 @@ body {
         margin-top: 30px !important;
     }
 
-    /* Fix inline-flex reveal figure so it fills full width on mobile */
+    /* Fix reveal figure on mobile: bypass the GSAP slide-in (xPercent: -100
+       initial state) and just show the image centred and full-width. */
     .mission-img .reveal,
     .mission-img figure {
         display: block !important;
         width: 100% !important;
+        /* Override GSAP inline transform/visibility so image is always visible */
+        visibility: visible !important;
+        opacity: 1 !important;
+        transform: none !important;
     }
 
     /* Landscape aspect-ratio on mobile; override height:100% from .reveal img */
     .mission-img img {
+        display: block !important;
+        width: 100% !important;
         height: auto !important;
+        margin: 0 auto !important;
         aspect-ratio: 16 / 9 !important;
         border-radius: 0 0 50px 0 !important;
+        transform: none !important;
     }
 
     /* CTA box: centre button at tablet */