Sidebar overlaps main content on mobile view

I read through the doc, could not find a specific answer. I tried deactivating all plugins, but it did not have an effect. I’m up to date on all WP files and plugins. WordPress Twenty-Seventeen Theme in use.

If you go to the website linked below, the right column that begins with the heading ‘Connect’, is set using the Sidebar content widget. While the page layout appears fine on desktop and tablet views, on mobile view the sidebar content is running over top of the main content, beginning near where the ‘About’ heading begins.

I’ve also tried resetting all margins and padding within the Elementor page builder to default (0), but that didn’t have any effect.

To give you an idea how the page is laid out, the three sections ‘Listen’, ‘About’, and the entire sidebar beginning with ‘Connect’, are all contained within a full width container/box. The ‘Gallery’ section is in its own separate container below that. Within the top container, it is divided into the main content container and sidebar container. I hope this makes sense enough to visualize.

Any ideas why the sidebar content does not get pushed down below the main content but instead overlaps it on mobile?

The page I need help with: [log in to see the link]