Why isn't my custom background code working for my website?

[ATGRFX]

I put this code in my theme.liqiud to give my enter page a custom background image but its not working, any idea why?

My site is https://sevenemotions.com/ Password: COZYY

Any help is appreciated!

Code is:

{% if template == 'index' %}
<style>
body {
background-image: url('https://cdn.shopify.com/s/files/1/0814/3749/1479/files/21E11227-9D84-4CD5-AA62-6934126192F2.jpg?v=17...');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
</style>
{% endif %}

[wo]

You need to find the following code and remove !important and change background to background-color

[ATGRFX]

is it in theme.liquid?

[wo]

uncertain. It looks like it belongs to theme.liquid. But your theme can also render files such as style.liquid in theme.liquid, and the css code is placed in it. You need to find this.