Section background

[EGM1]

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 

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);
}