Element Positioning Inconsistent Across Devices

I have received complaints from my client that the white grass image banner is having spacing issues between their devices. They look great on my desktop and mobile, but when they check on their iPad Pro (unsure of the pixel dimensions) there is a large space. Another member of their team says it looks normal on their iPad.

Another issue is that this grass banner looks right on Safari on their MacBook Air but not on Chrome on that same device. I’ve played around with positioning (absolute, relative, static) but cannot figure out how to stabilize this banner. Please refer to my read-only link below as well as picture proof from my client.


Here is my site Read-Only: Webflow - Blue Ranch Farms