KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix homepage image display and animation issues

Browse Source 
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
This commit is contained in:
keshavanand12
2026-03-17 22:51:17 +00:00
parent 15e669ff81
commit 96e65d860f
2 changed files with 304 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/enhance.css
View File

@@ -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;
}