Now I've found a code that fixes the spacing and banner being cut off issues for the top banner, but does not fix the banners on the rest of the page being cut off....
Site URL: https://yellow-saxophone-b7y7.squarespace.com/home
I'm having the same issue in which the banners cut off on mobile view. I use the code you provided which fixes that issue but then creates an enormous white space below each banner. How can I fix this?