Why doesn't css animation work correctly on MacOS?

Question

css

I collected css3 animation from 25 pictures and each has its own z-index, used transform and positioning. Works great on all browsers under Windows. And on MacOS in chrome, the animation will break (something with layers will break) in half and get better at the end.
What's the joke, does anyone know?
Thank you!

Answer 1

In chrome and fox there are just no problems, the problem is only in Safari.

Answer 2

Did you use vendor prefixes?