changed new bg pattern

frontend/pages/signin.vue

@@ -151,13 +151,7 @@ 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 fixed inset-0 opacity-70"
-            :style="{
-                backgroundSize: 150,
-                mask: 'linear-gradient(to bottom, black 0%, rgba(0,0,0,0.3) 80%)',
-            }"
-        />
+        <div class="pattern -z-10 size-full fixed inset-0" />
         <div
             class="flex items-center justify-center flex-col size-full translate-y-[-100px]"
         >
@@ -172,7 +166,9 @@ const resetForm = () => {
             <div
                 class="max-w-[600px] w-full p-6 h-[350px] sm:h-[400px] flex flex-col items-center bg-white border shadow-black/10 justify-center border-slate-300 rounded-3xl"
             >
-                <h1 class="typo-h-6 sm:typo-h-5 mt-8">شماره خود را وارد کنید</h1>
+                <h1 class="typo-h-6 sm:typo-h-5 mt-8">
+                    شماره خود را وارد کنید
+                </h1>
 
                 <form @submit.prevent class="max-w-[500px] w-full mt-12">
                     <Input