Radius border on background image in a color section

Hello Rikard, hello Ismael

I have a color section with 2 columns. I would like to add a 10px radius border to the 1200 x 800 background image.
https://www.yourwebsite.rentals/pricing/

I tried several solutions, but nothing works.

For the moment I have given a class to the color section:
.image-backgroud-radius {
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
border: none !important;
background-image: url(https://www.yourwebsite.rentals/wp-content/uploads/2020/10/235.jpg);
background-repeat: no-repeat;
width: 1200px;
height: 800px;
}

But the whole block remains frozen on the left with a white background while I would like the background color #fafafafa

Despite my css alignment tests nothing works.

What can be the solution ?

Thanks in advance

Bertrand