Change game thumbnail hover animation

style.css

@@ -144,26 +144,44 @@ h1, h2, h3, .countdown-timer {
 }
 /* Hover Effects */
 .game-thumbnail:hover {
-    transform: translateY(-5px) scale(1.05);
+    transform: perspective(500px) translateY(-10px) rotateX(10deg) scale(1.1);
     border-color: rgba(15, 240, 252, 0.8);
-    box-shadow: 0 10px 30px rgba(15, 240, 252, 0.3);
-    background: rgba(30, 30, 30, 0.8);
-    animation: thumbnailPulse 2s infinite ease-in-out;
-    filter: blur(0.5px) brightness(1.1);
+    box-shadow: 
+        0 15px 40px rgba(15, 240, 252, 0.4),
+        0 0 0 2px rgba(255, 0, 255, 0.5);
+    background: rgba(30, 30, 30, 0.9);
+    animation: hologramGlow 2s infinite alternate;
+    filter: brightness(1.2);
+    z-index: 10;
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .game-thumbnail:hover::after {
-    background: radial-gradient(circle at center, transparent 30%, rgba(15, 240, 252, 0.3) 100%);
+    background: radial-gradient(circle at center, transparent 20%, rgba(15, 240, 252, 0.4) 100%);
+    animation: ripple 1.5s infinite ease-out;
 }
 
-@keyframes thumbnailPulse {
-    0%, 100% {
-        transform: translateY(-5px) scale(1.05);
-        filter: blur(0.5px) brightness(1.1);
+@keyframes ripple {
+    0% {
+        transform: scale(0.8);
+        opacity: 0.7;
     }
-    50% {
-        transform: translateY(-5px) scale(1.08);
-        filter: blur(0.8px) brightness(1.2);
+    100% {
+        transform: scale(1.5);
+        opacity: 0;
+    }
+}
+
+@keyframes hologramGlow {
+    0% {
+        box-shadow: 
+            0 15px 40px rgba(15, 240, 252, 0.4),
+            0 0 0 2px rgba(255, 0, 255, 0.5);
+    }
+    100% {
+        box-shadow: 
+            0 20px 50px rgba(15, 240, 252, 0.6),
+            0 0 0 3px rgba(255, 0, 255, 0.7);
     }
 }
 /* Carousel Animation */