diff --git a/frontend/pages/signin.vue b/frontend/pages/signin.vue
index 8647e5a..6e15de0 100644
--- a/frontend/pages/signin.vue
+++ b/frontend/pages/signin.vue
@@ -159,10 +159,16 @@ const resetForm = () => {
             }"
         />
         <div class="flex items-center justify-center flex-col size-full translate-y-[-80px]">
-            <img
+            <video
                 class="aspect-square w-[450px] translate-y-[197px] animate-fade-in"
-                src="/img/heymlz/heymlz-seat-2.webp"
-                alt=""
+                src="/video/heymlz/heymlz-seat-2.webm"
+                :style="{
+                    filter: 'drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15))'
+                }"
+                autoplay
+                playsinline
+                webkit-playsinline
+                muted
             />
 
             <div