Animated gifs stop playing in Safari

[RoelOfThirds]

Hi Armin,

I have a few animated gifs on my site and it seems that there is a little bug with Safari. When I open the site everything starts playing as it should. But once I scroll down the gifs that were out of sight and come into the visible area are not playing. When I scroll back to the gifs that were playing before, they stopped as well. When I put the mouse on any link or mouse-over button they start playing again. That only seems to happen in Safari on Mac. Firefox and Chrome work just fine.
Here's a link: http://roelkamps.com/iron_wolf_rome_ep/

Thanks a lot!

Roel

[banana]

@RoelOfThirds
hi roel, would you be so kind explaining how to insert gifs? i can't seem to figure it out. tnx!

[arminunruh]

hey banana you can insert a gif by inserting an image. should work.

roel, yeah thats so weird hm :/
right now I have no idea why that happens, i wrote it down and will try to fix that

[arminunruh]

Ok, just found out why it doesn't work. Please put that css into "lay options" -> "custom css“ -> "css for desktop"

.col img{transform: none; -webkit-transform:none;}

will be fixed with the next update!

[RoelOfThirds]

Thanks a lot Armin! Works perfectly.

@banana, as Armin said. I inserted gifs the exact same way how I inserted jpegs or pngs. You won't see them in motion in your project editor though. There they appear as still-images. But once you publish your project site you will see them.

[banana]

hm...still no luck.
any way to insert it from giphy?