Html 我有一个宽度为1240px的包装件，中间有一个空的1240px的图像。如何放置它，使包装覆盖它？

目前我有一个包装器，它的设置宽度为1240px。可以想象，这意味着页面中心的1240像素总是被包装覆盖

我也有一个宽度为3160 px的图像（1920px图像的大小在中间被切割并被空空间的1240px分隔）。 现在我想把这张图片作为我身体的背景图片，但是图片中1240px的空白区域隐藏在1240px包装后面。这样，我的图像的每一部分都会显示出来，除了1240px的空白空间之外，包装器后面什么都不会隐藏

我也知道，一些图像将被隐藏。根据我的计算，使用1920x1080px监视器的人只能看到左边340px的图像，右边340px的图像。我对此没有异议

我该怎么做？最终结果如下所示：

这是原始图像：

我的密码。您必须全屏打开代码，才能以预期的方式查看代码：

*，*：之后，*：之前{
保证金：0；
填充：0；
-webkit框大小：边框框；
框大小：边框框；
}
身体{
背景色：#eaeaea；
身高：100%；
宽度：100%；
背景图像：url（'https://i.stack.imgur.com/Hd35U.jpg');
背景重复：无重复；
背景大小：100%；
}
.包装纸{
宽度：1240px；
保证金：0自动；
背景色：红色；
高度：1000px；
}

*，*：之后，*：之前{
保证金：0；
填充：0；
-webkit框大小：边框框；
框大小：边框框；
}
身体{
背景色：#eaeaea；
高度：100vh；
宽度：100vw；
背景图像：url（'https://i.stack.imgur.com/Hd35U.jpg');
背景重复：无重复；
背景大小：100%100%；
}
.包装纸{
宽度：50%；
保证金：0自动；
背景色：红色；
身高：100%；
}

---

您可以使用此图像

这是一个图像结果