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