Down arrow visible bases on page height, not section its in?

I have an arrow image linked to a section on a page (New pt page). The arrow is in a DIV, within a DIV that hold a video. What I would like to do is have the arrow be visible in the bottom most potion of video area no matter what size screen it is. So even if the video is sized so that part of it is not visible, the arrow to move down the page is.

I’ve tried playing with the parent DIV and seem to lose the video if I try flex. I’m sure it will require some sort of 90% VH setting but can’t seem to get it to work. This is most certainly just a lack of my understanding and skills but any help or advice would be appreciated

https://preview.webflow.com/preview/louiss-radical-project-d73ee4?utm_source=louiss-radical-project-d73ee4&preview=90934f6feb4310982ecf5cbcb20fb7f9


Here is my site Read-Only: LINK
(how to share your site Read-Only link)