Help with a photo not responding well to breakpoints

Hello all,

I’m having a bit of an issue with the hero section of my home page. I’m using a headshot of myself, but I’m not sure where it should go on the page. I will set it up so that it looks good placement wise on my screen, but when I attempt to view it from any other screen (work laptop, fiance’s work laptop), it will not match how it was originally and will have a completely different size and location on the screen. My goal is to have it look similar when viewed at different breakpoints/screen sizes, as it currently looks different on all of them.

Here is my site Read-Only: Webflow - Lester Portfolio

Here is my live site: []