Background Image gets displayed multiple times-CodePudding

I have built a simple Website with a background. When I open it on my laptop the background its prefectly fine but when I use a phone or a bigger monitor the background is displayed multiple times. How can I display it only once.

My css Code for the background is:

    background-size: cover;
    background-position: center;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;

CodePudding user response：

Hi I think there is missing width property, So can you check by adding width

width:100%

CodePudding user response：

I think you should hide your overflow.

here is a working example check it out.