fixed animation bugs

components/home-page/MediaSlider.vue

@@ -13,16 +13,16 @@
         </p>
         <div class="hidden md:flex h-[50px] me-[0.5vw]">
           <svg
-          class="cursor-pointer "
+          class="cursor-pointer h-[2.604vw] w-[2.604vw]"
           @click="this.$refs.carousel.next()"
-          width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+ viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
             <circle cx="25" cy="25" r="24.5" transform="rotate(-180 25 25)" stroke="#878787"/>
             <path d="M22.0002 17.0799L28.5202 23.5999C29.2902 24.3699 29.2902 25.6299 28.5202 26.3999L22.0002 32.9199" stroke="#878787" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
             </svg>
             <svg
-            class="cursor-pointer ms-[0.5vw]"
+            class="cursor-pointer ms-[0.5vw] h-[2.604vw] h-[2.604vw]"
             @click="this.$refs.carousel.prev()"
-            width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+     viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
               <circle cx="25" cy="25" r="24.5" stroke="#383E43"/>
               <g clip-path="url(#clip0_836_14507)">
               <path d="M27.9998 32.9201L21.4798 26.4001C20.7098 25.6301 20.7098 24.3701 21.4798 23.6001L27.9998 17.0801" stroke="#383E43" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
@@ -122,9 +122,7 @@
         >
           ادامه مطلب
           <svg
-            class="ms-3"
-            width="24"
-            height="24"
+            class="ms-3 h-[1.25vw] w-[1.25vw]"
             viewBox="0 0 24 24"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"