Html 响应背景图像

我目前正在从事一个项目，该项目涉及一个背景图像，需要专门链接到容器div中的元素

链接是：

我遇到的挑战是，当我调整屏幕大小时，绿色的圆圈不会留在那个家伙后面。在过去，我遇到过一些问题，即响应性背景图像必须处理包含区域内的元素，但我对我的解决方案一直不满意

我最后尝试的是使用Sass运行循环，添加媒体查询以每10-20像素更新一次位置。然而，我不喜欢这个解决方案，因为它生成的代码膨胀

我想知道以前是否有人遇到过这个问题，如果有，你如何着手解决它？我试过一些方法，但我对任何一种方法都不满意

任何帮助都会很好

谢谢，

---

Andrew

语义学可以最好地解决这个问题

使用图像的语义如下：

如果图像没有添加到网站的内容和说明中， 不要使用图像

所以，事实上，这个图像看起来应该只是设计的一部分。

---

因此，请使用的CSS3功能。

您正在尝试的代码是什么？你为什么认为它不起作用？