transparency Transparent footer to show image behind previous section?

Site URL: https://calliope-trout-pzeh.squarespace.com/

Is it possible to make the footer transparent so that the image background from the previous section shows behind the footer? 

Try adding to Design > Custom CSS

/* Footer transparent */
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background {
    background: transparent;
}

Thanks @tuanphan but sadly that doesn't work.  I'm wondering if you applied the same 'dynamic' style to it like the new header adjustments if it would work? I've set up a trial site to test this stuff.

 https://perch-violet-rafz.squarespace.com/    pw: layout 

Also the site i was originally trying to do it on had a video embedded as the background i don't know if that wold have made any difference.

#footer-sections {background-color:transparent !important;}

#footer-sections .section-background {display:none!important}

#footer-sections .page-section{background-color:rgba(0,0,0,0)!important}

I've tried all if these

On 2/6/2022 at 5:26 PM, failbetter said:

Thanks @tuanphan but sadly that doesn't work.  I'm wondering if you applied the same 'dynamic' style to it like the new header adjustments if it would work? I've set up a trial site to test this stuff.

 https://perch-violet-rafz.squarespace.com/    pw: layout 

Also the site i was originally trying to do it on had a video embedded as the background i don't know if that wold have made any difference.

It looks like you figured it out?

yeah but it doesn't work for a video.