Fix: fixed image position

Author: CodingMango

index.html

@@ -412,7 +412,7 @@ <h2 class="text-3xl font-bold text-academic-900 dark:text-white font-serif mb-2"
                 Demonstrating discipline, teamwork, and resilience through competitive sports at the SGFI Yoga State Level Competition.
             </p>
         </div>
-
+            <div class="flex overflow-x-auto snap-x snap-mandatory gap-6 pb-8 pt-4 px-4 -mx-4 sm:mx-0 sm:px-0 hide-scrollbar cursor-grab active:cursor-grabbing">
             <div onclick="openLightbox('./images/SGFI_STATE_TEAM.jpg')" class="flex-none w-[85vw] sm:w-[45vw] md:w-80 snap-center group relative overflow-hidden rounded-xl shadow-md border border-slate-200 dark:border-academic-800 h-64">
                 <img src="./images/SGFI_STATE_TEAM.jpg" alt="SGFI STATE TEAM " class="w-full h-full object-cover transform transition-transform duration-700 group-hover:scale-110">
                 <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
@@ -995,3 +995,4 @@ <h2 class="text-2xl font-bold text-white font-serif mb-2">Abdul Jabbar Khan</h2>
 </body>
 
 </html>
+