CSS动画问题iOS

Question

此代码适用于Mozilla Firefox，Google Chrome和MS资源管理器。但是，它在移动设备上根本不起作用，尤其是iOS。请让我知道需要添加或删除哪些内容才能使其正常运行。

HTML

case:

CSS

<div class="bg-grad">
  <div class="clouds">
    <div class="cloud x1"></div>
  </div>
</div>

https://jsfiddle.net/r2uuvubg/2/