Html Safari切换缩放图像抖动

在一个项目中，需要放大一个真正高分辨率的图像（~6000px 4000px）才能发现图像中突出显示的部分。在这个项目中，我在将图像缩放到某个位置（将顶部和左侧指定为特定值）时遇到了一个Safari问题

问题是，只有在Safari中，缩放才会变得非常急促。我发现，当取下特定的顶部和左侧位置时，它会平滑地缩放到已设置的原点（即“0 0”=左上方）

为了更好地理解，我创建了一个JSBin：

（我知道切换类会删除translateX，但这不是问题所在）

所以我的问题是，有没有一个解决方案可以平滑地缩放特定的位置，或者说是纯粹的Safari没有按应有的方式处理代码块？它看起来像是在用楼梯效果缩放——当顶部和左侧都在变化时，这就是它的缩放方式——如果这有意义的话