Html 如何拉伸一个锚，使两个图像在屏幕上堆叠在一起？

听起来很奇怪，我有一个锚定标签，上面有两张大小相同的图片，彼此叠在一起。一个是HTML，另一个是div中的背景图像，一行4次。我希望这些锚可以根据屏幕大小进行拉伸和缩放，而图像本身则保持在彼此的顶部

HTML：

.gradient1{
背景：线性梯度（180度，rgba（0,0,0,0）0%，rgba（0,0,0,0.527）27%，rgb（0,0,0）87%，url(https://via.placeholder.com/230x220);
背景重复：无重复；
}
.梯度2{
背景：线性梯度（180度，rgba（0,0,0,0）0%，rgba（0,0,0,0.527）27%，rgb（0,0,0）87%，url(https://via.placeholder.com/230x220);
背景重复：无重复；
}
.梯度3{
背景：线性梯度（180度，rgba（0,0,0,0）0%，rgba（0,0,0,0.527）27%，rgb（0,0,0）87%，url(https://via.placeholder.com/230x220);
背景重复：无重复；
}
.梯度4{
背景：线性梯度（180度，rgba（0,0,0,0）0%，rgba（0,0,0,0.527）27%，rgb（0,0,0）87%，url(https://via.placeholder.com/230x220);
背景重复：无重复；
}
.画廊{
弹性：0%；
}
.缩略图{
显示器：flex；
}
.效果：悬停{
不透明度：0.0；
过渡：.4s易进易出；
}

---

您的代码似乎有什么问题？这3张图片没有出现吗？如果是这样，我认为您的

中缺少了一个“/”，您的代码似乎有什么问题？这3张图片没有出现吗？如果是这样，我认为您的