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

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

前提・実現したいこと

<環境>
iOS14.4.2 iPhone8

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

ソースコード

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

HTML
1  <div class="back">
2      <img src="testfile.png" class="trans">
3      </div>

CSS
1.back{
2  background-color: red;
3  width:500px;
4  height:500px;
5}
6
7.trans{
8  object-position: 0 0;
9  width:100px;
10  transition:2s;
11}
12
13.trans:hover{
14    object-position: 0 50px;
15}
16

※testfile.pngは白い画像です

試したこと

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

CSS
1@keyframes InsteadTransition{
20%{object-position:0 0;}
3100%{object-position:0 50px;}
4}
5
6.trans{
7width:100px;
8animation-name:InsteadTransition;
9animation-duration: 2s;
10}