Background ve background image sorunu ?

Herkese merhaba

Arkadaşlar şöyle bir sorunum var ;

.product-banner-container-bc {
display: grid;
grid-gap: 10px;
background-image: url (https://xxxxxxxxxxxxxxxxx.jpeg) !important;
background-position: center top !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

Yaptığımda URL yi arka plan yapmıyor .

background: #12305e !important ;

ile değiştirdiğimde arka planı değiştiriyor . Bu durumu nasıl halledebilirim ?

css'i yanlış yazıyor olabilirsin background-image özelliğinde URL kullanırken, URL'nin içinde boşluk olmaması gerekiyor aşağıda bıraktıgım şekilde dener misin

.product-banner-container-bc {
display: grid;
grid-gap: 10px;
background-image: url("https://xxxxxxxxxxxxxxxxx.jpeg") !important;
background-position: center top !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}