Removing blank space after footer on mobile

Site URL: https://www.micahmcallister.com/

Hi there,
I'm struggling to remove a big white space gap on the mobile version of my site. I have tried to inspect and find the containers and the ones I have manually tried to modify aren't working. I've also tried changing viewport settings since it seems like it could be that. I've combed through the threads here and pulled bits of code trying to match to my containers but nothing is helping. I then tried to fill in more content on this test page because I thought it was because the viewport was too big and I just didn't have enough content but even with the 2 new larger content blocks, the same amount of space is still appearing.

I don't view the issue on the desktop view or a resized browser down to mobile size. It's only on my actual mobile device. I feel like it's probably just a simple CSS override but I can't seem to identify the culprit. I'm sorry if this isn't the correct forum or has been covered many times but I'm at such loss. I'm quite new to Squarespace and would greatly appreciate ANY help 🙏 thank you so much in advance!!

Phone: Iphone 13 pro max
Browser: chrome
Screenshot attached, its below the footer

 

FWIW this doesn't show on my dev tools or actual mobile (Samsung Galaxy S21 Ultra, Firefox) - just the black section.

20 hours ago, CassAggett said:

FWIW this doesn't show on my dev tools or actual mobile (Samsung Galaxy S21 Ultra, Firefox) - just the black section.

Thank you for sharing this! I will continue to keep investigating across different devices.