两个图像始终处于相同位置

Question

我有两张照片：

和

我希望它们显示在这样的网站上：

绿色矩形的中心应始终覆盖橙色圆点的中心，无论屏幕具有什么分辨率，无论图像有多大（当浏览器窗口调整大小时，它们会调整大小）。 如果浏览器窗口调整大小，则两个图像应以相同的方式调整大小（例如，如果图像A比调整大小前小30％，图像B也应比调整大小前小30％）。

我怎样才能得到这样的结果？