fix-lottie

src/components/pages/ABDesign/v1/pages/Satisfied/index.tsx

@@ -42,7 +42,7 @@ function Satisfied() {
     <section
       className={`${styles.page} page`}
       style={{
-        backgroundImage: `url(/satisfied-${satisfied}.png)`,
+        backgroundImage: `url(/satisfied-${satisfied}.webp)`,
       }}
     >
       <Header
@@ -50,12 +50,13 @@ function Satisfied() {
         isBackButtonVisible={false}
       />
       {satisfied === "yes" && (
-        <div
-          style={{
-            width: "100%",
-            aspectRatio: "337 / 406",
-          }}
-        >
+        // <div
+        //   style={{
+        //     width: "100%",
+        //     aspectRatio: "337 / 406",
+        //   }}
+        // >
+        <>
           {animationSun && (
             <DotLottieReact
               className={`${styles["lottie-animation"]} ym-hide-content`}
@@ -64,7 +65,8 @@ function Satisfied() {
               loop={false}
             />
           )}
-        </div>
+        </>
+        // </div>
       )}
       {satisfied === "no" && (
         <div

src/components/pages/ABDesign/v1/pages/Satisfied/styles.module.css

@@ -75,3 +75,8 @@
   background-color: #fff;
   color: #0f1323;
 }
+
+.lottie-animation {
+  width: 100%;
+  aspect-ratio: 337 / 406;
+}