How to fix blurry product image on Dawn Theme's Media Collage?

[MaiGallery]

Hi, I currently have the Dawn Theme’s Media Collage on my homepage. I’m using 1 product block and 2 image blocks.

The image blocks are high quality, but for some reason, the product block is making my product image blurry. When you click into the product, the image is high quality, so not really sure why its changing on the collage.

Grateful for any support on fixing this issue

Thanks in advance!

Site: Mai-Gallery.com
No Password Required

[Kani]

Hi @MaiGallery

I think you should check your code of product item image, for 4096w you are using 533 width image

https://cdn.shopify.com/s/files/1/0721/6765/3678/products/36540_b12dcd77-ec93-4263-859b-627fecc096cb.jpg?v=1678593786&width=533