How can I change a section's background to an image?

Store Design
1

Hello,

I have been trying to solve this issue for some time now. I can’t get to change a sections background into a image and the multirow element that I have on that section to have its own back ground. As you can see in the picture below this is what I want to achieve but it only works with color blue, when I change it to white it becomes transparent. I would really appreciate some help on this one. website link if needed: egeneralmarket.com

EGM1_0-1696870411627.png
EGM1_0-1696870411627.png1226×633 216 KB

Here is the code I used:

.image-with-text__text-item.grid__item {
background: blue !important;
}

.gradient {
background-image: url(https://cdn.shopify.com/s/files/1/0769/7226/1715/files/pattern-png-30769.png);
}