Html 艺术品内部的图像

我正在尝试使用CSS将一个图像放置在另一个放大镜图像的内部。我想确保不管发生什么，图像都会留在放大镜的圆形透镜部分。当我使用绝对定位时，当网页大小改变时，它似乎会四处移动，即无响应。我如何响应地实现这一点？我正在使用引导

我使用的放大镜类型如下所示：

中心现在是透明的。我还想定位图像，以便将手固定在页面底部，以提供网页外完整图像的效果。下面是我的一些代码，img circle标记是一个引导类，它正在创建一个圆形图像，除此之外，我知道绝对定位不在正确的轨道上，因为它取决于窗口大小，下面是请求后的代码片段

img圆{
位置：绝对位置；
底部：146px；
边框：黑色实心4px；
}
.磁性玻璃{
位置：绝对位置；
底部：0；
右：0；
宽度：100%；
高度：自动；
}

您可以尝试编辑图片，将玻璃内部设置为透明层，外部设置为白色。玻璃内的图片必须比有玻璃的图片具有更低的z指数。请记住，只有在设置了位置（相对/绝对…）后，z索引才起作用。

您能向我们展示您的代码吗？或者更好，创建一个片段或垃圾箱？当然，请稍等