/*--------------------------------------------------
Set the website background
--------------------------------------------------*/
body {
background-color: rgb(0,79,86);
background-image: url(https://i.postimg.cc/dtHV7pG0/pawel-czerwinski-xplyw-wk-Rs-unsplash.jpg);
background-attachment : fixed;
}
That's what puts mine on. I'm no expert but if you replace the url with the direct link to the image you want to use and then paste the whole thing onto the pallette it should work? Or if there's a section that looks like this already, just change the url. This one keeps the background image in one spot, but if you put
background-image: linear-gradient( to bottom, transparent , rgba(1,15,76,1) 40%
)
instead of the fixed line itll keep the image at the top and add a gradient to colour at the bottom- you can change the rgba and opacity % to make it a seamless blend down for your specific image.
It's also definitely a good idea to have a look through the pallette guides on the forums- they're really useful