Layer footer on scroll above body content

Hello!

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.

https://preview.webflow.com/preview/portfolio-b4b390?utm_medium=preview_link&utm_source=designer&utm_content=portfolio-b4b390&preview=e39797e907a93669b20b3a09a1f1c235&workflow=preview

Thanks!