Trouble positioning image to bottom right hand of div as screen size decreases

Hey,

On the home page I have an image of a man on the right hand side. It generally positions well, but if the viewing frame hits a certain point it moves upwards and “floats” above the grey bar beneath it.

I need it to keep its bottom pinned to the grey bar at all times so it doesn’t give that cropped feeling.

I have the position set as relative and bottom, but for some reason that doesn’t seem to fix it.

Any ideas?

Thanks,

Hugo


Here is my site Read-Only: https://preview.webflow.com/preview/innovate-wealth?utm_medium=preview_link&utm_source=designer&utm_content=innovate-wealth&preview=14ecea3ebdd567fc1be8defc68353d82&mode=preview
(how to share your site Read-Only link)