Controlling when the scrolling trigger activates

Hey guys,

Would love your help to figure out the issue I can’t solve animating this navigation bar.

At the moment, when you scroll down, the logo joins the menu. And when you scroll up, the logo centers. I want to control that this motion ONLY happens over the slider image on top. Meaning, once you scroll past the bright image, scrolling up would no longer bring the logo into the middle of the screen. I’ve seen this done here: https://www.avenircreative.com/

Does anyone know how I can accomplish this effect?

Here’s the site https://preview.webflow.com/preview/yelenas-website?utm_medium=preview_link&utm_source=dashboard&utm_content=yelenas-website&preview=488b117d97bd0d93e994c3634a3c5b4b&mode=preview

Anyone, anyone? Would love to get some help with this. Still stuck.