Html 如何从背景图像中删除可见像素

我对背景图像有问题。在一些决议中，我看到我的框架内开始复制。如果我减小

背景大小的值

，则内部问题得到解决，但外部问题开始重复。我不知道如何强制背景图像在所有宽度上都不重复。我的部分看起来像：

background-image: url('...');
background-position: center;
background-size: 16.5%;
background-color: #000000;
width: 100%;
height: 100%;
padding: 0 3.1% 3.1%;

尝试添加：

background-repeat: no-repeat;

---

加上一把小提琴，解决这个问题会更好