Full-height background image issue in chrome / ios

Hi there,

I’m getting pretty close to happy with my site. Just a few nitpicky things:

https://robertboscacci.com/

How do I get it to show the entire height of my landing page image when it’s full-screen (1920×779 on iMac) in chrome? It seems to cut off the image of the girl at the ankles.

Then when I view it on safari on ios, it only displays the top 3/4 of the image and cuts off to white.

Here’s how I have this page set up currently:

It’s pretty tough making this look good on both desktop and mobile since it is really a landscape-oriented image. Any tips on how I might fill the iPhone screen with this image upon landing on the homepage? Ideally it’d fill the screen vertically, and include the left side of the image on mobile, leaving the rest of the image to float offscreen to the right.