Почему не срабатывает анимация?

Всем привет. На айфонах при обновлении страницы с очисткой кэша не работает анимация. На других устройствах все работает правильно. В devtools также работает правильно, а вот на айфонах нет. После повторного обновления страницы все также работает правильно, только при обновлении с очисткой кэша анимация не работает. Если кто-то знает в чем может быть такая проблема, расскажите пожалуйста. Спасибо.
Ссылка на сайт. Портфолио - блок с ноутбуком (там и происходит анимация). Увидеть баг можно на айфоне.

.portfolio__slider_site_example {
    transform: translate(-50%, 12px);
    -webkit-transform: translate(-50%, 12px);
    width: 216px;
    animation: 80s infinite linear portfolio;
    -webkit-animation: 80s infinite linear portfolio;
  }
  @keyframes portfolio {
    from {
      transform: translate(-50%, 12px);
      -webkit-transform: translate(-50%, 12px);
    }
    to {
      transform: translate(-50%, -88%);
      -webkit-transform: translate(-50%, -88%);
    }
  }
  @-webkit-keyframes portfolio {
    from {
      transform: translate(-50%, 12px);
      -webkit-transform: translate(-50%, 12px);
    }
    to {
      transform: translate(-50%, -88%);
      -webkit-transform: translate(-50%, -88%);
    }
  }