Refresh Theme Background image help!

[BackwoodsGeek]

Hello,

I added the following code to base.css at the very bottom, the background seems fine and the way I want it. But the product images have a border of the same background image, as well as some of the text boxes. How can I make them all transparent so it is just the product pictures and text on the main background?

Code entered:

.gradient {
background: var(--gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0840/3969/6684/files/MultiCam_svg.png) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: cover!important;
}

Store URL: https://backwoodsgeek.com/ 

[m_waqas · Accepted solution]

@BackwoodsGeek Add your CSS with body not with the .gradient

body{
background: var(--gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0840/3969/6684/files/MultiCam_svg.png) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: cover!important;
}

[BackwoodsGeek]

That worked perfectly! Thank you!