iPhoneでobject-positionのtransitionが効かない

Question

HTML、CSS初学者なので的外れな質問をしていたらすみません。
やりたいことは題名の通りで、object-positionの変化に対してtransitionを効かせたいです。
PCやアンドロイド端末ではできるのですが、iPhoneだとtransitionが効きません。

前提・実現したいこと

<環境>
iOS14.4.2 iPhone8

前述のとおり、iPhone環境でobject-positionに対してtransitionを効くようにしたいです。

ソースコード

やりたいことはもう少し複雑で、transition先はhoverではないのですが、とりあえずデモのソースコードとしてhoverを用いました。

  <div class="back">
      <img src="testfile.png" class="trans">
      </div>

.back{
  background-color: red;
  width:500px;
  height:500px;
}

.trans{
  object-position: 0 0;
  width:100px;
  transition:2s;
}

.trans:hover{
    object-position: 0 50px;
}

※testfile.pngは白い画像です

試したこと

よくわからなかったので調べて出てきた解決方法として
-webkit-transition: -webkit-object-position 2s;
-webkit-transition: object-posiiton 2s;
transition: -webkit-object-position 2s;
transition: object-position 2s;
などに変更してやってみましたがダメでした。
transitionをもう少し詳しく書いても無理でした。
また、代替策として

@keyframes InsteadTransition{
0%{object-position:0 0;}
100%{object-position:0 50px;}
}

.trans{
width:100px;
animation-name:InsteadTransition;
animation-duration: 2s;
}

を試してみましたが、うまくいきませんでした。

object-positionは変えたくなくて、もしtransitionで無理ならJavascriptで動かしたいと思っています。
しかし、Javascriptでどのようにすればtransitionの代わりになるかわからず手がつかない状況です。
回答・ご教授よろしくお願いします。