diff --git a/src/assets/cosmic-stag-morph-1024.webm b/src/assets/cosmic-stag-morph-1024.webm
new file mode 100644
index 0000000..e57ed8e
Binary files /dev/null and b/src/assets/cosmic-stag-morph-1024.webm differ
diff --git a/src/assets/cosmic-stag-morph-fallback.webp b/src/assets/cosmic-stag-morph-fallback.webp
new file mode 100644
index 0000000..c94502f
Binary files /dev/null and b/src/assets/cosmic-stag-morph-fallback.webp differ
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index e2c31b8..b68df81 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -4,6 +4,8 @@ import { RouterLink } from 'vue-router'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent } from '@/components/ui/card'
 import cosmicStag from '@/assets/cosmic-stag.avif'
+import cosmicStagMorphWebm from '@/assets/cosmic-stag-morph-1024.webm'
+import cosmicStagMorphWebp from '@/assets/cosmic-stag-morph-fallback.webp'
 import heroLandscape from '@/assets/hero-landscape.webp'
 import sectionTile from '@/assets/section-tile.webp'
 
@@ -74,10 +76,21 @@ const featuredEvents = [
         >
           Château du Faune
         </h1>
+        <video
+          autoplay
+          muted
+          loop
+          playsinline
+          aria-hidden="true"
+          class="mt-4 h-80 w-80 object-contain motion-reduce:hidden md:h-[28rem] md:w-[28rem] lg:h-[36rem] lg:w-[36rem] xl:h-[42rem] xl:w-[42rem]"
+        >
+          <source :src="cosmicStagMorphWebm" type="video/webm" />
+          <img :src="cosmicStagMorphWebp" alt="" />
+        </video>
         <img
           :src="cosmicStag"
           alt=""
-          class="mt-4 h-80 w-80 object-contain md:h-[28rem] md:w-[28rem] lg:h-[36rem] lg:w-[36rem] xl:h-[42rem] xl:w-[42rem]"
+          class="mt-4 hidden h-80 w-80 object-contain motion-reduce:block md:h-[28rem] md:w-[28rem] lg:h-[36rem] lg:w-[36rem] xl:h-[42rem] xl:w-[42rem]"
         />
       </div>
     </section>