Trying to Create Full Bleed Background Image on Home Page (Squarespace 7.0)

Hi all,

I'm trying to add a background image to the home page of my site below:

https://redletterphilosophy.com

The goal is to have the information under any static image of my choice rather than the current black background.  Unfortunately, I'm struggling to find how to do this and, from further research, it looks like it requires some degree of code.   If anyone has any ideas on how to get started, or the appropriate code, that would be greatly appreciated.  Thanks!

Some additional details:

Squarespace Version: 7.0

Template: Wav Records (Brine family)

@RedLetterPhilosophy Here's a code snippet to add a background image. Add the code under Website > Utilities > Website Tools > Custom CSS

#collection-5bdf18831ae6cf53b45abf25 .Main-content {
    background-image: url("background image url");
    background-size: cover;
    background-position: center;
}

First upload an image on Squarespace and replace "background image url" in the code with the url of the uploaded image. 

Let me know how it goes. Thanks!

6 hours ago, Lesum said:

#collection-5bdf18831ae6cf53b45abf25 .Main-content {
    background-image: url("background image url");
    background-size: cover;
    background-position: center;
}

Thanks so much, Lesum!  Extremely helpful and that got me almost all the way there.  If you look at the site now, most of the background image displays, but it looks like the image is not bleeding into the header and footer.

Would that require additional code or are there any settings I would need to adjust for that to display and fill the whole page?  Thanks!

@RedLetterPhilosophy Glad it worked! Remove the previous code and add the code below:

#collection-5bdf18831ae6cf53b45abf25 
	.Site {
		background-image: url("background image url");
		background-size: cover;
		background-position: center;
	}
	header.Header {
		background: transparent !important;
	}
	.Main {
		background-color: transparent !important;
	}
	.Footer {
		background-color: transparent !important;
	}
}

Replace "background image url" in the code with the url of the uploaded image.  Thanks!