Hello!
I followed this guide to change my website background to an image, which worked, however it has become the background of each individual section, rather than the “main” background!
Might someone be able to advise me on how I can make it a static background image, with elements/sections moving over it, rather than it moving with the content? (If that makes sense).
My theme is currently in draft mode - let me know if any issues viewing it via this link!
https://admin.shopify.com/store/6d2733-2/themes/166566166836/editor?context=theme
Thanks for your help in advance 
FYI - I found the solution myself; I don’t have any experience in coding so use at your own risk haha.
I used the guide above, but put this code into the snippet instead:
body,
[id*='shopify-section']:not([id*='announcement']):not([id*='header']):not([id*='footer']),
[id*='shopify-section']:not([id*='announcement']):not([id*='header']):not([id*='footer'])> [class*='background'] {
.color-background-1 {
background: var(--gradient-background);
background-attachment: fixed;
background-image: url(_**"insert image URL here"**_) !important;
background-color: transparent !important;
background-position: middle !important;
background-size: cover !important;
}}