add placeholder link for game thumbnails

index.html

@@ -132,17 +132,17 @@
                 <div class="game-carousel-container relative overflow-hidden">
                     <div class="game-carousel flex gap-6 py-4">
                         <!-- 10 game thumbnails -->
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                        <div class="game-thumbnail"></div>
-                    </div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/1')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/2')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/3')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/4')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/5')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/6')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/7')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/8')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/9')"></div>
+                        <div class="game-thumbnail" style="background-image: url('http://static.photos/gaming/150x150/10')"></div>
+</div>
                 </div>
                 <div class="carousel-arrows absolute top-1/2 left-0 right-0 flex justify-between transform -translate-y-1/2 px-4 pointer-events-none">
                     <div class="arrow-left w-6 h-6 border-l-2 border-t-2 border-neonblue transform -rotate-45 opacity-70"></div>

style.css

@@ -59,13 +59,14 @@ h1, h2, h3, .countdown-timer {
     min-width: 150px;
     height: 150px;
     background: rgba(20, 20, 20, 0.7);
+    background-size: cover;
+    background-position: center;
     border-radius: 12px;
     border: 1px solid rgba(15, 240, 252, 0.3);
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease;
 }
-
 .game-thumbnail::before {
     content: 'GAME PREVIEW';
     position: absolute;
@@ -77,8 +78,11 @@ h1, h2, h3, .countdown-timer {
     font-size: 0.8rem;
     font-weight: 500;
     letter-spacing: 0.1em;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 0.5rem 1rem;
+    border-radius: 2rem;
+    white-space: nowrap;
 }
-
 .game-thumbnail::after {
     content: '';
     position: absolute;