Why does my background gif keep repeating on my webpage?

Store Design
1

consumed_0-1691696985095.png
consumed_0-1691696985095.png1147×653 132 KB

As you can see the gif is repeating over and over, I just want the single gif on the page. I am using spotlight theme and heres the code im using
body {
background: url(“scab.webp”) !important; /* chanage image as you like */
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

https://ysdcl835raklulpf-80792715586.shopifypreview.com heres preview, thank you so much

2

Hey,

Please use the below code:

body {
background-image: url(scab.webp)!important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}

I hope it will help you to solve this problem.

Thank You

1 Like
3

thank you so much it worked

4

it dosent fill the whole screen it fills only a portion