Почему на телефоне анимация рывками?

подскажите пожалуйста почему анимация на картинку то нормально, то рывками на телефоне ios 6s. На андроидах тестил все нормально. Заранее спасибо.

.img {
  animation: littleSquare 2.5s linear infinite;
  -webkit-animation: littleSquare 2.5s linear infinite;
}
@-webkit-keyframes littleSquare {
  from {
    -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
    transform: translateY(10%) rotate(-80deg) scale(0);
  }
  }

@keyframes littleSquare {
  from {
    -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
    transform: translateY(10%) rotate(-80deg) scale(0);
  }
to {
    -webkit-transform: translateY(0) rotate(0deg) scale(1);
    transform: translateY(0) rotate(0deg) scale(1);
  }
}