簡単な質問かもしれませんがハマってしまってわかりません。
positionのrelativeとabsoluteを使って画像を2つ少し重ねて配置しました。

PCのウインドウサイズ？の拡大・縮小を行うと位置がずれていって100％の際に配置した場所からずれていってしまいます。

ずっと同じように配置しておきたいのですが、拡大・縮小をしてもレイアウトが崩れない方法を教えてください。
よろしくお願いいたします。

以下参考コードです。

</head>
<body>
<img src="test.jpg" width="25%" style="position: relative;">
</br>
<img src="test2.jpg" width="19%" style="position: absolute; left: 100px; top: 57px;">
</body>