Javascript 如何使div标签内的图像始终比容器大一个百分比？

我目前正在使用parallax.js（）在我的页面上的英雄图像上获得视差效果。我试图使用div标记作为“帧”使用，这样图像就不会“出现”浮动。我基本上希望图像比div标记大一个百分比，这样当图像移动时，容器完全被图像覆盖。希望这是有意义的

短暂性脑缺血发作

这是我的密码：

<div id="scene" data-relative-input="true" class="float-image" style="border: 20px solid red; overflow: hidden;">
                <img src="img/#.jpg" data-depth="0.2" class="cover-img">
                <img src="img/#.png" data-depth="0.1" class="cover-img">
</div>

---

您的代码没有显示问题。如果在当前代码中插入一个图像，它工作良好，并且没有额外的缩进。在浏览器中打开开发者工具，查看这些缩进的原因。请提供JS Fiddle我发布了我遇到的问题的屏幕截图。这是JS小提琴

#scene {
    position: relative;
}

.cover-img {
    max-height: 100%;
    max-width: 100%;
 }

.float-image {
z-index: -1;
object-fit: cover;
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
}