I'm trying to add the section image as a gradient to the footer (just like how it does in the header), but I dont see the option for that. Any idea how I can make this work?

As you can see - the header now has a extension of the section image in a gradient style. I would like to replicate this effect to the footer as well, but I dont see any option for that. Any ideas how I can get this done?

Hi,

Can you share link to this? Just want to check how they did it

coyote-hawk-6d8t.squarespace.com

Solved with this

body {
    position: relative
}

body footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%
}

body footer.sections section,body footer.sections .section-background,body footer.sections .section-border {
    background: transparent
}

body article section:last-child {
    padding-bottom: 400px
}

@media screen and (max-width: 767px) {
    body article section:last-child {
        padding-bottom:600px
    }
}