Product Preview Component - Media Queries for Desktop & Mobile

• You can use background-size: cover to display the image as a background image and then use the cover property to scale it.
• You can add max-width: 100% to all images to make sure that images don't get any larger than they are supposed to be.
• You can also use the transform: scale property to scale the image.
• Also, you can use the HTML picture element "to offer alternative versions of an image for different display/device scenarios."

Hope this helps! I think your project came out well, regardless.