Display pop up modal in screen viewport during horizontal scroll

[https://gi-disappearances-354956297092572e8eb04.webflow.io/][Sample website]

Our website uses horizontal scroll as the primary navigation. While the user scrolls, they encounter certain elements they can click to open modals. However, I can’t seem to figure out how to make the modal appear directly in the screen viewport (similar issues found in [Displaying a modal from an item in a collection list on sticky scroll][this post], [Fixed popup modal on Horizontal scroll element][this post] with no answers to date). It will usually appear at the 0VW position instead.

I’ve tried using ‘Move X’ paired with animations to make it appear for the user but I’m concerned this solution will not work for smaller screens because the view width is different.

Would anyone know of a workaround? I’m ok with using code to do it, but I have no idea what I’m supposed to be using.

Edit: I see other users have tagged @sabanna so I was wondering if this is possible or no?