最小化Safari浏览器会破坏我的动画CSS3

Question

关于这个问题，我似乎找不到任何东西。我的网站上运行的动画非常好。当我按下iPhone上的主屏幕按钮，从而最小化Safari浏览器时，它会破坏动画。

有人知道这个问题以及如何解决吗？

我添加了一个JSFiddle来显示问题：

https://jsfiddle.net/nez892pd/2/

<div class="images">
    <div>
        <div></div>
    </div>
    <div><div></div></div>
    <div><div></div></div>
    <div><div></div></div>
</div>

-webkit-animation是我尝试过的方法，但似乎无法解决该问题。就像动画前进等等。

由于某种原因，我还需要添加代码，所以我只添加了HTML。

很抱歉，JSFiddle似乎没有响应式网站（JSFiddle很好，这是2019年），但是如果您缩小图像，您会看到动画只是停止并且什么也没显示。