Split-screen nav. Content to hide/show while images scroll

Hello,

I would like to get this split-screen menu working. Basically it should hide/show content as an image scrolls past. I can get it working all the way down and some of the way back up using hide/show using scroll triggers. But when I get back to the top two images when I try make the same hide/show interactions some of the content elements begin to show that shouldn’t be and I’m not sure how to fix it. I feel like this should be easy but I’m obviously missing something.

If someone could help me to get those last two interactions working I would be SO GRATEFUL.

Here is my public share link: https://preview.webflow.com/preview/craigs-first-project-d889b0?utm_medium=preview_link&utm_source=designer&utm_content=craigs-first-project-d889b0&preview=968a6d9489964c96331163b73881aa6b&pageId=5e8bcb4a53dfc3298f03c3fa&mode=preview

Please and thank you!!