CSS中的多个背景定位

Question

我正在尝试做这个有趣的简历网站，并且被背景固定住了。我总共有3个背景：一张有山和天空的照片，另一张只有山的照片，以及隐藏在中间的漂亮的小复活节彩蛋。我使前后层都可以滚动，而中间层则可以固定，因此当用户向下滚动时，小鸡巴就隐藏在山后了。
但是问题是，即使在将dickbutt图像另存为图像之前在Photoshop中对其进行了手动定位，它还是以某种方式无法正确定位。因此，我使用了背景位置工具对其进行了正确设置，现在就可以了，除了它只是针对特定的浏览器大小。在移动视图中，不仅背景不以山峰为中心，而且相对于位置的距离也很远。

TL; DR：我想相对于其他背景之一来放置多个背景之一，但是要相对于视口来定位。我该怎么办？

这是我的代码： (github link)
我希望页面看起来像这样：

Answer 1

无法相对于其他背景定位图像。但是您可以通过具有多个背景的多个div来完成任务，并使用绝对位置和z-index

进行排列