多层视差滚动图片出现异常图形Bug求助

我正在开发一个基于多层PNG图片的视差滚动模块，向下滚动页面可呈现3D视差效果。但在Chrome、Opera、Edge浏览器中，滚动时图片底部会出现矩形空洞，遮挡部分图片内容；该问题在Firefox浏览器中完全不存在。

模块采用HTML和CSS构建，图片由Photoshop切割原图分层制作。相关代码包含在项目的parallaxHero.astro组件文件和parallaxHeroStyle.css样式文件中。后续按照相同HTML结构与CSS样式开发的另一页面，也出现了完全相同的问题。

恳请有相关经验的开发者帮忙排查该矩形空洞出现的原因。

内容的提问来源于stack exchange，提问作者antsmasher