Actual iPhone XS Max different that Designer

Hi - i haven’t been able to solve this one, any help would be greatly appreciated. My homepage hero section appears differently on an actual iPhone XS Max than on the Webflow designer at the same breakpoint, so I can’t fix it. Here are the two screenshots (the broken one is the actual iPhone XS Max):

Here is my site Read-Only:

You can target this device with CSS media queries.

/* 2688x1242px at 458ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 
     your custom css here