Javascript CSS bg img涵盖以下内容：；“第一次参观”；

我在一个网站上工作，我想用背景图片涵盖整个“第一眼”，“第一次访问”。下一个内容应仅在向下滚动时可见。例如： 就像他们的第一张背景图片一样，他们餐厅的照片

我希望我能描述一下我需要什么帮助

谢谢

.bg{
高度：100vh；
宽度：100%；
背景：url(https://i.imgur.com/sduLRvf.jpg);
}

此单位将与视口高度匹配。确保执行“最小高度”，以便当浏览器的高度变小时，图元将保持在原位

<div class="bg"></div>

.bg {
  height:100vh;
  width:100%;
  background:url(https://i.imgur.com/sduLRvf.jpg);
}