Image Background On Store & Product Pages?

Hi,

I have a picture on all my pages as the background, exept my store and product pages. 

How do i get this picture as my background on those pages as well? 

I tried to use code to get the picture in, and it worked, but the picture was really blurry and did not interact the same way with the page as it does on my other pages. So it just felt really cheap and crappy. 

Would really appreciate if anyone could help.

This is my webiste:

Teodice.com

Password: Axell123

Thanks in advance!

You can use this code to Website > Website Tools > Custom CSS

body[class*="type-products"] {
.section-background, .page-section, .section-border {
    background: transparent !important;
}
& {
   background-image: url(https://images.squarespace-cdn.com/content/v1/65552d58ca6d1840c306df63/e4997ccd-9c66-4bbe-b28f-00f8621de5d8/Clouds+2.png?format=2500w);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent !important;
}}