Broken Image in Flickity Carousel

[SarahStenz]

I'm using a customized version of Dawn that includes a Flickity carousel for product images. Anytime I add more than 4 images, the 5th image appears as broken until the carousel is engaged with (either swiping or clicking the arrow on the main image). 

Here's a screenshot:

I've searched but haven't found any solutions. Any advice on how to fix? TIA!

[EBOOST · Accepted solution]

Hi @SarahStenz 

May I suggest you remove loading="lazy" after that use layzload of Flickity 

https://flickity.metafizzy.co/options.html#lazyload

[SarahStenz]

Thank you so much!!

The code was already using Flickity lazyload, but I didn't know how to change the number of images loaded. I found it, thanks to you and it worked perfectly 🙂