use this image for the tournament cards background https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif - Follow Up Deployment

index.html

@@ -452,17 +452,18 @@
             
             <div class="flex space-x-6 overflow-x-auto pb-4 scrollbar-hide" style="scrollbar-width: none;">
                 <!-- Tournament Card 1 -->
-                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
-                    <div class="flex justify-between items-start mb-4">
+                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
+                    <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
+                    <div class="flex justify-between items-start mb-4 relative z-10">
                         <span class="px-3 py-1 bg-neon-orange text-white rounded-full text-sm font-bold">FREE</span>
                         <span class="px-3 py-1 bg-red-500 text-white rounded-full text-sm font-bold flex items-center">
                             <span class="w-2 h-2 bg-white rounded-full mr-2 animate-pulse"></span>
                             LIVE
                         </span>
                     </div>
-                    <h4 class="text-xl font-bold text-white mb-2">Slots Mania Rush</h4>
-                    <p class="text-gray-400 text-sm mb-4">Fast-paced slots competition</p>
-                    <div class="flex justify-between items-center mb-4">
+                    <h4 class="text-xl font-bold text-white mb-2 relative z-10">Slots Mania Rush</h4>
+                    <p class="text-gray-400 text-sm mb-4 relative z-10">Fast-paced slots competition</p>
+                    <div class="flex justify-between items-center mb-4 relative z-10">
                         <div>
                             <p class="text-gray-400 text-sm">Prize Pool</p>
                             <p class="text-xl font-bold text-neon-yellow">$1,200</p>
@@ -472,13 +473,14 @@
                             <p class="text-xl font-bold text-white">87/100</p>
                         </div>
                     </div>
-                    <button class="w-full gradient-btn py-3 rounded-full text-dark-bg font-bold mt-2">
+                    <button class="w-full gradient-btn py-3 rounded-full text-dark-bg font-bold mt-2 relative z-10">
                         JOIN NOW
                     </button>
                 </div>
                 
                 <!-- Tournament Card 2 -->
-                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
+                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
+                    <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
                     <div class="flex justify-between items-start mb-4">
                         <span class="px-3 py-1 bg-neon-yellow text-white rounded-full text-sm font-bold">50 SC</span>
                         <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">STARTING SOON</span>
@@ -501,7 +503,8 @@
                 </div>
                 
                 <!-- Tournament Card 3 -->
-                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
+                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
+                    <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
                     <div class="flex justify-between items-start mb-4">
                         <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">10 SC</span>
                         <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">VIP</span>
@@ -524,7 +527,8 @@
                 </div>
 
                 <!-- Tournament Card 4 -->
-                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
+                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
+                    <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
                     <div class="flex justify-between items-start mb-4">
                         <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">25 SC</span>
                         <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">VIP</span>
@@ -547,7 +551,8 @@
                 </div>
 
                 <!-- Tournament Card 5 -->
-                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
+                <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
+                    <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
                     <div class="flex justify-between items-start mb-4">
                         <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">100 SC</span>
                         <span class="px-3 py-1 bg-red-500 text-white rounded-full text-sm font-bold flex items-center">