Css 缩小后标题背景图像重复/平铺

我这里有一个标题和背景图片，占据了我的网站的上部。在我的样式表中，

背景重复

设置为

无重复

，但在我将页面缩小到80%后，它会重复。有没有办法通过css来控制它

请在整个页面上尝试下面的片段，然后尝试缩小到80%
我的屏幕分辨率：1920x1080

。标题横幅{
宽度：100%；
高度：340px；
最小高度：340px；
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
背景：url（'https://i.ibb.co/0jnNWwH/slots-banner-1.jpgrgba(0,0,0,0.35),；
背景混合模式：倍增；
}
.标题横幅h1{
颜色：白色；
文本对齐：居中；
}

标题

background

属性替换所有

background-*

属性。将此行移到所有其他

背景-*

属性之前，或者使用

背景图像

和

背景颜色

。标题横幅{
宽度：100%；
高度：340px；
最小高度：340px；
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
背景图像：url（'https://i.ibb.co/0jnNWwH/slots-banner-1.jpg');
背景色：rgba（0,0,0,0.35）；
背景混合模式：倍增；
}
.标题横幅h1{
颜色：白色；
文本对齐：居中；
}

标题

非常有魅力！谢谢