Add Background Image to Footer

Site URL: https://newmansummer.com

Hi, I am trying to add a semi-transparent background image to my footer so that it looks like the one on the bottom of the page on this site: https://www.newmanschool.org/.

Can you help? My site is https://newmansummer.com and the photo is attached to this post.

Thank you!

Add to Home > Design > Custom CSS

footer#footer {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2020_02/Newman.thumb.jpg.7b9c63815001d8f440820ca6c2990f43.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

3 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

footer#footer {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2020_02/Newman.thumb.jpg.7b9c63815001d8f440820ca6c2990f43.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

 

Amazing, it worked thank you so much! Is there a way to add a green filter on top so the photo shows through ? I am not sure this is what we want (it looks great right now) but did want to try it out.