Layers within a page

Hello, I am working on a portfolio page and I have created a set of overlays that slide up 75% of the page when users click on particular button links. However, for some reason, when I try to scroll downwards on these sections, the scroll action is applied to the page “underneath/behind” the overlay instead. I would like to be able to scroll downwards so that I can add more text and images


Here is my site Read-Only: https://preview.webflow.com/preview/the-berg-design?utm_medium=preview_link&utm_source=designer&utm_content=the-berg-design&preview=91c9062ddd3222d634b69dca1276b6da&pageId=5fe5f44a305f86b068e4a8b7&mode=preview
(how to share your site Read-Only link)