Change automatic mounting pose image to new one (#1135)

Author: ImUrX

gui/public/images/mounting-reset-pose.avif

@@ -4,7 +4,7 @@ export function Preload() {
     <Helmet>
       <link rel="preload" href="/images/front-standing-pose.webp" as="image" />
       <link rel="preload" href="/images/slime-girl.webp" as="image" />
-      <link rel="preload" href="/images/mounting-reset-pose.webp" as="image" />
+      <link rel="preload" href="/images/mounting-reset-pose.avif" as="image" />
       <link rel="preload" href="/images/reset-pose.webp" as="image" />
       <link rel="preload" href="/images/slimes.webp" as="image" />
 

gui/public/images/mounting-reset-pose.webp

@@ -41,10 +41,10 @@ export function MountingResetStep({
         </div>
 
         {isMobile && (
-          <div className="flex flex-col pt-1 items-center fill-background-50 justify-center px-12">
+          <div className="flex flex-col items-center fill-background-50 justify-center">
             <img
-              src="/images/mounting-reset-pose.webp"
-              width={125}
+              src="/images/mounting-reset-pose.avif"
+              width={450}
               alt="mounting reset ski pose"
             />
           </div>
@@ -65,10 +65,10 @@ export function MountingResetStep({
         </div>
       </div>
       {!isMobile && (
-        <div className="flex flex-col pt-1 items-center fill-background-50 justify-center px-12">
+        <div className="flex flex-col pt-1 items-center fill-background-50 justify-center">
           <img
-            src="/images/mounting-reset-pose.webp"
-            width={125}
+            src="/images/mounting-reset-pose.avif"
+            width={600}
             alt="mounting reset ski pose"
           />
         </div>