fixed translate-y in sign in

frontend/pages/signin.vue

@@ -152,18 +152,20 @@ const resetForm = () => {
 <template>
     <div class="w-full flex h-svh items-center relative container">
         <div
-            class="bg-[url(/img/pattern-1.png)] -z-10 size-full absolute opacity-70"
+            class="bg-[url(/img/pattern-1.png)] -z-10 size-full fixed inset-0 opacity-70"
             :style="{
                 backgroundSize: 150,
                 mask: 'linear-gradient(to bottom, black 0%, rgba(0,0,0,0.3) 80%)',
             }"
         />
-        <div class="flex items-center justify-center flex-col size-full translate-y-[-80px]">
+        <div
+            class="flex items-center justify-center flex-col size-full -translate-y-1/6"
+        >
             <video
                 class="aspect-square w-[450px] translate-y-[157px] animate-fade-in"
                 src="/video/heymlz/heymlz-handshake-full.webm"
                 :style="{
-                    filter: 'drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15))'
+                    filter: 'drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15))',
                 }"
                 autoplay
                 playsinline
@@ -172,7 +174,7 @@ const resetForm = () => {
             />
 
             <div
-                class="max-w-[600px] w-full p-6 h-[400px] flex flex-col items-center bg-white border shadow-black/10 justify-center border-slate-300 rounded-2xl"
+                class="max-w-[600px] w-full p-6 h-[400px] flex flex-col items-center bg-white border shadow-black/10 justify-center border-slate-300 rounded-3xl"
             >
                 <h1 class="typo-h-5 mt-8">شماره خود را وارد کنید</h1>