fix

src/PrerenderProduct.js

@@ -194,21 +194,25 @@ class PrerenderProduct extends React.Component {
                 }
               ),
               product.pictureList && React.createElement(
-                CardMedia,
+                Box,
-                {
+                { sx: { position: 'relative', display: 'inline-block' } },
-                  component: 'img',
+                React.createElement(
-                  height: '400',
+                  CardMedia,
-                  image: mainImage,
+                  {
-                  alt: product.name,
+                    component: 'img',
-                  sx: { 
+                    height: '400',
-                    objectFit: 'contain',
+                    image: mainImage,
-                    cursor: 'pointer',
+                    alt: product.name,
-                    transition: 'transform 0.2s ease-in-out',
+                    sx: { 
-                    '&:hover': {
+                      objectFit: 'contain',
-                      transform: 'scale(1.02)'
+                      cursor: 'pointer',
+                      transition: 'transform 0.2s ease-in-out',
+                      '&:hover': {
+                        transform: 'scale(1.02)'
+                      }
                     }
                   }
-                }
+                )
               )
             ),
             // Product Details Section