fix: glitch

spa/src/components/ProductImageSwiper.vue

@@ -1,26 +1,29 @@
 <template>
-  <swiper
-      :style="{
+  <div class="aspect-w-4 aspect-h-3">
+    <swiper
+        :style="{
       '--swiper-navigation-color': '#fff',
       '--swiper-pagination-color': '#fff',
     }"
-      :lazy="true"
-      :pagination="pagination"
-      :navigation="true"
-      :modules="modules"
-      class="mySwiper"
-  >
-    <swiper-slide v-for="image in images">
-      <img
-          :src="image.url"
-          :alt="image.alt"
-          loading="lazy"
-      />
-      <div
-          class="swiper-lazy-preloader swiper-lazy-preloader-white"
-      ></div>
-    </swiper-slide>
-  </swiper>
+        :lazy="true"
+        :pagination="pagination"
+        :navigation="true"
+        :modules="modules"
+        class="mySwiper w-full min-h-[200px]"
+    >
+      <swiper-slide v-for="image in images">
+        <img
+            :src="image.url"
+            :alt="image.alt"
+            loading="lazy"
+        />
+        <div
+            class="swiper-lazy-preloader swiper-lazy-preloader-white"
+        ></div>
+      </swiper-slide>
+    </swiper>
+  </div>
+
 </template>
 
 <script>