How can I optimize images for both desktop and mobile views?

Hi,

I posted this issue recently but still having the problem.

I cannot separate the images on Desktop on Mobile on my custom theme.

All the images fit well on mobile but visually look poor on Desktop and it’s holding up site

launch

See example of desktop and mobile image

URL - finewines.ie

Password - Hulkisangry123$

Hi @kenring81 ,

This is not an issue. The issge is supposed to take the full width of the site. However, in desktop, if we display the full width image, the title will take bigger height which eventually pushes the product to the second fold. To prevent this, height of 380px is given.

Also the image is blur because you have uploaded lower quality images to this section. If you upload a image of highrt quality, the image will not be blur.

Regards,

Makka