Layer footer on scroll above body content


I would like for the footer of this page to reveal on top of the body content, almost like a layered card.

I understand z-index values but I cant seem to get the body to fix below the last element and for the footer to layer on top.

Any help would be great.