Some browsers render my images blurry

I’m confronted to a very weird problem I can’t debug. It might be related to Woocommerce or the twenty twenty four theme, I’m not sure at the moment.

The problem: some product images displayed on my Woocommerce shop page are rendered blurry by some browsers (Chrome, Edge) but not others (Firefox).

I have tried everything recommended by Woocommerce here https://woo.com/document/fixing-blurry-product-images/ to avoid blurry images, including forcing regenerating thumbnails and uploading large (>1000px) images. Nothing is working. As I reupload new images, some of them (some of them only) are immediately displayed blurry.

I have checked that the html code rendered by Firefox and Chrome is the same. But for some reason, Chrome show the images blurry and not Firefox.

I have cleared my Chrome cache and tried from a browser I never use (Edge ?? ) : the blurry images are the same under Chrome and Edge.

There is a random component to this problem, as *some* images only are displayed blurry on my shop page, and as sometimes, the blurriness disappears even on Chrome (without me doing anything special) but reappears after I reload the page.

I’m saying it might be related to the twenty twenty four theme I use because switching to Storefront fixes the problem. But of course I don’t want to switch to Storefront, and I don’t see why only *some* browsers display *some* images blurry if it’s a general theme problem.

Any idea what’s going on?