Preparar o mesmo efeito que é feito no site do Enzo em https://www.en-zo.dev/ quando passa o cursor sobre o vídeo que se encontra no meio da tela. Alternar o vídeo com a imagem disponível em https://marcelovicente.prof/img/capa_01.png

index.html

@@ -271,13 +271,14 @@
     <section class="container mx-auto px-4 py-12 max-w-6xl">
         <!-- Video Section -->
         <div id="form-section" class="bg-white rounded-xl shadow-lg p-8 card-hover mb-8 relative">
-            <div class="aspect-w-16 aspect-h-9 rounded-lg overflow-hidden" style="width: 50%; margin: 0 auto;">
+            <div class="video-container" style="width: 50%; margin: 0 auto;">
                 <video class="w-full h-full object-cover" autoplay loop muted playsinline>
                     <source src="https://marcelovicente.prof/live1947/acesso/videos/aovivo.mp4" type="video/mp4">
                     Your browser does not support the video tag.
                 </video>
+                <img src="https://marcelovicente.prof/img/capa_01.png" alt="Prof. Marcelo Vicente" class="video-overlay">
             </div>
-            <!-- Espaçamento de uma linha após o video -->
+<!-- Espaçamento de uma linha após o video -->
             <div class="h-6"></div>
             <div class="text-center">
                 <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">Sua participação é essencial <i class="fas fa-hand-paper ml-2"></i></h2>
@@ -618,7 +619,6 @@ const countdownInterval = setInterval(function() {
             });
         });
     </script>
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>
 

style.css

@@ -1,8 +1,34 @@
+
 body {
 	padding: 2rem;
 	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
 
+.video-container {
+    position: relative;
+    border-radius: 0.5rem;
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+.video-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 1;
+    transition: opacity 0.3s ease;
+}
+
+.video-container:hover .video-overlay {
+    opacity: 0;
+}
+
+.video-container video {
+    display: block;
+}
 h1 {
 	font-size: 16px;
 	margin-top: 0;