diff --git a/resources/views/product/view.blade.php b/resources/views/product/view.blade.php
index a5a91e7..b7c368b 100644
--- a/resources/views/product/view.blade.php
+++ b/resources/views/product/view.blade.php
@@ -36,9 +36,9 @@
                         <template x-for="image in images">
                             <div
                                 x-show="activeImage === image"
-                                class="aspect-w-3 aspect-h-2"
+                                class="w-full h-[240px] sm:h-[400px] flex items-center justify-center"
                             >
-                                <img :src="image" alt="" class="w-auto mx-auto"/>
+                                <img :src="image" alt="" class="w-auto h-auto max-h-full mx-auto"/>
                             </div>
                         </template>
                         <a