Site not displaying full width on Chrome mobile browser

Site URL: https://memphis.theportergroup.com/new-home

I've built a site that appears to be displaying properly on all devices and browsers except for Chrome mobile browser. It even looks normal on Chrome desktop browser in developer mode using the responsive design setting and resizing. But, when I open the site on chrome mobile browser there is a large white strip on the right side of the page that takes up about half of the screen (see attachment). My best guess is that there's an element that's overflowing, but if this is the issue I can't find it for the life of me!!

Here's the CSS I've added to the whole site to try to fix it, but to no avail 😑

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

.header, .footer, .content {
    width: 100%;
    box-sizing: border-box;
}

Any help would be so appreciated!! 👊

@tuanphan any idea here? You seem to be the expert on all things Squarespace CSS, and have helped me in big ways through your expertise on this forum many times! 🙏