Html 将div缩放到背景图像大小

我有一个图片，我需要把div放在上面的链接。我在最初创建网站时做得很好，但现在我的任务是使其响应，因此我不能再使用-top和left值来定位覆盖div，因为它们不会随图像移动

尝试将图像作为背景图像，以便可以设置覆盖的位置并将其包含在父容器中

我曾尝试使用背景大小属性cover，contain，100%，但它们不会使div显示其高度的所有400px

设置最大高度、使用自动或100%也不起作用

我会使用最小高度，但是div在移动设备上不会缩小

---

有人知道如何使我的父div与背景图像的大小相同吗？

建议使用顶部和左侧的百分比来定位链接，即：

#link1 {
     position: relative;
     top:2%;
     left:2%;
}