Update index.html

index.html

@@ -47,23 +47,20 @@
             width: 100%;
             height: 100%;
             object-fit: contain; /* Ensure the whole image is visible */
-            transition: none; /* Removed zoom effect */
         }
 
         .grid-item .hover-animation {
-            position: absolute;
-            bottom: 15px;
-            left: 50%;
-            transform: translateX(-50%);
             font-size: 16px;
             color: #f5f5f7;
             font-weight: bold;
             opacity: 0;
-            transition: opacity 0.3s ease-in-out;
+            transform: translateY(10px); /* Start lower */
+            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
         }
 
         .grid-item:hover .hover-animation {
-            opacity: 1;
+            opacity: 1; /* Fade in */
+            transform: translateY(0); /* Move to original position */
         }
 
         .group-title {