'Blank Image' appearing in product images I can't delete

Site URL: https://www.jarrodbarnes.com/store/p/lime-gl6st-gxdc3-jh5tx-gsh9x-5gdbp-7jhwy-y9plj-gclgy-7g48a-dmz68-d7cgp-w3xxh-6yedn

Hi all,
Helping a neighbouring business with their website and have come across a strange bug in a few products.

There's a 'blank' image that appears in cerain products, but can not be deleted - here's a link to a live example

When we look in the stores backend, the blank appears like any other image would, but can't be deleted (no 3 dots or trash can pop up on rollover).

BUT it only seems to appear live when using safari.

I've not set up the store, so am assuming there may have been a bug in a product that's then been duplicated for the ones that have the blank image.

Anyone come across this before, or have a fix?

It may mean recreating the ones with the issues.

Any help appreciated.

Cheers, Simon

Hi @createdbysouth. Very weird, on Chrome it looks fine, but on Safary it shows up. You can try this code as a workaround:

1. Navigate to Pages > Website Tools > Custom CSS.
2. Paste the code into the CSS editor.
3. Hit Save and you’re done

.ProductItem-gallery-slides-item:not(.loaded) .ProductItem-gallery-slides-item-image {
opacity: 0;
display: none !important;
}

Give it a try and see how it goes:)

Thanks @Spark-Plugin the code has done the trick. Still baffled as to why this is doing what it's doing!!!

This is happening on my site as well - I deleted a large number of images, and instead of getting rid of them the site is leaving blank panels that I can't get rid of. The CSS code unfortunately doesn't seem to be making a difference. This is happening on a LOT of my products right now.

I emptied the asset trash to see if that might help but hasn't seemed to.

It's even leaving gaps where I have products "hidden" on my main store page.  https://www.figmentpudding.com/shop