Gallery images not loading properly in Safari

The main galleries are here http://www.horace.artandcode.org/photo-gallery/ and here http://www.horace.artandcode.org/mood-board-gallery/, but there are also smaller galleries on these pages http://www.horace.artandcode.org/garden-services/ , http://www.horace.artandcode.org/about/ and http://www.horace.artandcode.org/indoor-pots-and-styling/

Hi Bradvin – thanks for getting back to me. I’ve spent a long time today trying to figure out what’s been causing the problem, and in the process I’ve moved the site to horacebaynes.artandcode.org. I’ve manage to fix the problem I think. The issue seemed to be in gallery-justified.css, in the class .justified-gallery>.entry-visible. The opacity property wasn’t working properly – even though it was set to 1, not all the images were displaying at 1 (unless I went into the Safari browser dev tools, turned the opacity property off and on again, and then the images displayed properly).

As I’d seen another post recently where you’d suggested there was a bug in the css animations, I tried deleting the css code relating to animations, also in the .justified-gallery>.entry-visible class (ie I removed this: -webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease) . This worked, and now the images are rendering properly. I have no idea why it works, but it does!

If you have any other suggestions about what might have been going on I’d be really interested to hear them. I have another site I’m using the justified gallery in where the images seem to be displaying fine in Safari, so I’m not sure why it wasn’t working on this particular site.

Thanks so much!