replace this image with this one please make sure no cut off, and the image ius exactaly like the one i sent. Thank you

index.html

@@ -109,6 +109,14 @@
     <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
             <!-- Navigation -->
 <nav class="relative z-10 bg-black bg-opacity-80 border-b border-yellow-500">
+        <!-- Christmas Banner -->
+        <div class="w-full bg-gradient-to-r from-green-700 via-red-600 to-green-700 text-center py-2 px-4 animate-pulse">
+            <div class="flex items-center justify-center space-x-2">
+                <i data-feather="gift" class="text-white"></i>
+                <span class="text-white font-bold">Happy Holidays! Get 15% off all plans with code HOLIDAY15</span>
+                <i data-feather="gift" class="text-white"></i>
+            </div>
+</div>
 <div class="container mx-auto px-6 py-4">
             <div class="flex justify-between items-center">
                     <div class="flex items-center space-x-2 relative">
@@ -158,7 +166,9 @@
 </div>
                 <div class="md:w-1/2 flex justify-center">
                     <div class="vr-headset pulse-animation relative">
-                        <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Screen_Shot_2025-10-31_at_9.36.06_AM-removebg-preview%20(1).png" alt="VR Headset" class="rounded-lg shadow-2xl mx-auto w-full h-auto max-w-md object-contain glow-image brightness-125 hover:brightness-150 transition-all duration-300" style="filter: drop-shadow(0 0 30px rgba(220, 38, 38, 0.8))">
+                        <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Screen%20Shot%202025-12-05%20at%209.46.48%20AM%20copy.png" alt="VR Headset" class="rounded-lg shadow-2xl mx-auto w-full h-auto max-w-md object-contain glow-image brightness-125 hover:brightness-150 transition-all duration-300" style="filter: drop-shadow(0 0 30px rgba(220, 38, 38, 0.8))">
+<div class="absolute -top-4 -right-4 text-6xl text-red-500 animate-bounce">🎄</div>
+                        <div class="absolute -bottom-4 -left-4 text-6xl text-green-500 animate-pulse">🎁</div>
 </div>
 </div>
             </div>
@@ -169,7 +179,12 @@
 <div class="container mx-auto px-6">
             <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
                 <span class="text-red-500">TRAIN</span> <span class="text-green-500">YOUR</span> <span class="text-white">MIND</span>
-</h2>
+                <div class="mt-4 text-xl text-yellow-300 flex justify-center items-center">
+                    <i data-feather="star" class="w-6 h-6 mx-2"></i>
+                    <span>Holiday Special</span>
+                    <i data-feather="star" class="w-6 h-6 mx-2"></i>
+                </div>
+            </h2>
 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Feature 1 -->
                     <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition h-full flex flex-col">

style.css

@@ -31,6 +31,21 @@ overflow-x: hidden;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
 }
+/* Holiday gradient overlay */
+body::after {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: 
+        linear-gradient(to bottom, 
+            rgba(220, 38, 38, 0.15) 0%, 
+            rgba(22, 163, 74, 0.15) 100%);
+pointer-events: none;
+    z-index: -1;
+}
 .font-orbitron {
     font-family: 'Orbitron', sans-serif;
 }