I was testing my website (in progress) on a new iPhone 11 Pro max and when the phone is turned horizontally to landscape mobile, the background image is framed with a margin of color on the left and right side. Why is this happening?
Attached is a screenshot :
Here is my site Read-Only: https://preview.webflow.com/preview/saras-fresh-project-29b7f0?utm_medium=preview_link&utm_source=designer&utm_content=saras-fresh-project-29b7f0&preview=fe3ebf1fe45ff37c9b9a87a8573ca881&pageId=5d865bce4a655769b950eb8a&itemId=5d865bce4a6557530150ebaf&mode=preview
([how to share your site Read-Only link])