can you place this animated gif as a header for SBC academy?: https://drive.google.com/file/d/1lXuUv_K16XKTu2rPbULRomF6YiHwb2jo/view?usp=sharing - Follow Up Deployment

index.html

@@ -333,8 +333,12 @@
     </section>
 
     <!-- Academy Topics Section -->
-    <section class="py-20 relative overflow-hidden bg-gray-900">
-        <div class="container mx-auto px-4 relative z-10">
+    <section class="relative overflow-hidden bg-gray-900">
+        <!-- Animated Header GIF -->
+        <div class="w-full h-48 md:h-64 overflow-hidden">
+            <img src="https://drive.google.com/uc?export=view&id=1lXuUv_K16XKTu2rPbULRomF6YiHwb2jo" alt="SBC Web3District Academy" class="w-full h-full object-cover">
+        </div>
+        <div class="container mx-auto px-4 relative z-10 py-20">
             <div class="text-center mb-16">
                 <h2 class="text-3xl md:text-4xl font-bold mb-4">
                     <span class="gradient-text">SBC Web3District Academy Topics</span>

prompts.txt

@@ -0,0 +1,3 @@
+make this button with the View All Academy Topics to have the button colour to appear without the mouse over
+please make the button View All Academy Topics back with this code: <a href="https://docs.google.com/spreadsheets/d/1C16Bn_0BY-8lg8dM_F1LCzWbko1dzkbQGYkbfaXH8ZQ/edit?gid=691593670#gid=691593670" target="_blank" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:from-purple-600 hover:to-pink-600 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 inline-block">                         View All Academy Topics                     </a>
+can you place this animated gif as a header for SBC academy?: https://drive.google.com/file/d/1lXuUv_K16XKTu2rPbULRomF6YiHwb2jo/view?usp=sharing