where is the fucking 3D card with Gary Vee photo Ive asked - Follow Up Deployment

index.html

@@ -212,7 +212,7 @@
                 
                 
                 <div class="flex justify-center">
-                    <a href="https://t.me/+BeZCavG1yjo2M2Y0" target="_blank" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:bg-gradient-to-r hover:from-blue-400 hover:to-purple-500 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 duration-300">
+                    <a href="https://t.me/+BeZCavG1yjo2M2Y0" target="_blank" class="bg-transparent backdrop-blur-md border border-purple-400/50 hover:bg-gradient-to-r hover:from-blue-400 hover:to-purple-500 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 duration-300">
                         Join the Quest
                     </a>
                 </div>
@@ -261,24 +261,29 @@
             </div>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
-                <!-- Speaker 1 -->
-                <div class="speaker-card group relative h-full">
+                <!-- Speaker 1 - Gary Vee -->
+                <div class="speaker-card group relative h-full" style="perspective: 1000px;">
                     <div class="absolute inset-0 bg-gradient-to-br from-purple-900/30 to-fuchsia-900/30 rounded-2xl shadow-2xl"></div>
-                    <div class="relative bg-gray-900/80 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 h-full flex flex-col items-center text-center">
-                        <div class="w-[calc(100%+48px)] h-48 -mx-6 -mt-6 overflow-hidden rounded-t-2xl">
-                            <img src="https://pbs.twimg.com/media/FeOWr2eX0AISiJS.jpg:large" alt="Gary Vee" class="w-full h-full object-cover object-top">
+                    <div class="relative bg-gray-900/80 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 h-full flex flex-col items-center text-center transform-style-preserve-3d transition-all duration-500 group-hover:rotate-y-10 group-hover:rotate-x-5 group-hover:translate-z-20">
+                        <div class="absolute -inset-4 bg-gradient-to-br from-purple-900/20 via-transparent to-fuchsia-900/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
+                        <div class="w-[calc(100%+48px)] h-48 -mx-6 -mt-6 overflow-hidden rounded-t-2xl relative">
+                            <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent z-10"></div>
+                            <img src="https://pbs.twimg.com/media/FeOWr2eX0AISiJS.jpg:large" alt="Gary Vee" class="w-full h-full object-cover object-top group-hover:scale-105 transition-transform duration-500">
                         </div>
-                        <h3 class="text-2xl font-bold text-white mb-1">Gary Vee</h3>
-                        <p class="text-purple-300 text-sm mb-4">CEO, VaynerMedia</p>
-                        <p class="text-purple-200 text-sm mb-4">Keynote: Web3 & The Future of Engagement</p>
-                        <div class="mt-auto w-full">
-                            <div class="bg-gradient-to-r from-purple-start to-fuchsia-end h-px w-full opacity-50 mb-3"></div>
-                            <div class="flex justify-center space-x-3 text-purple-300">
-                                <a href="#" class="hover:text-white"><i class="ph ph-twitter-logo"></i></a>
-                                <a href="#" class="hover:text-white"><i class="ph ph-linkedin-logo"></i></a>
+                        <div class="relative z-10">
+                            <h3 class="text-2xl font-bold text-white mb-1 group-hover:text-transparent group-hover:bg-clip-text group-hover:bg-gradient-to-r from-purple-400 to-fuchsia-400 transition-all duration-300">Gary Vee</h3>
+                            <p class="text-purple-300 text-sm mb-4 group-hover:text-purple-200 transition-colors">CEO, VaynerMedia</p>
+                            <p class="text-purple-200 text-sm mb-4 group-hover:text-white transition-colors">Keynote: Web3 & The Future of Engagement</p>
+                        </div>
+                        <div class="mt-auto w-full relative z-10">
+                            <div class="bg-gradient-to-r from-purple-start to-fuchsia-end h-px w-full opacity-50 mb-3 group-hover:opacity-100 group-hover:from-purple-400 group-hover:to-fuchsia-400 transition-all"></div>
+                            <div class="flex justify-center space-x-3 text-purple-300 group-hover:text-white transition-colors">
+                                <a href="https://twitter.com/garyvee" target="_blank" class="hover:text-purple-400"><i class="ph ph-twitter-logo"></i></a>
+                                <a href="https://www.linkedin.com/in/garyvaynerchuk/" target="_blank" class="hover:text-fuchsia-400"><i class="ph ph-linkedin-logo"></i></a>
                             </div>
                         </div>
                     </div>
+                    <div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" style="background: radial-gradient(circle at center, rgba(179, 0, 255, 0.4) 0%, transparent 70%); transform: translateZ(-30px);"></div>
                 </div>
 
                 <!-- Speaker 2 - Borget -->