Alignement and spacing on Mobile

Site URL: https://trombone-chartreuse-l445.squarespace.com/store/p/belt-classic-slim-natural

Hello,

I noticed this new bug on the mobile version of a site I'm about to finish.

On the product page, you will notice that there is a large space between the gallery and the selection variants, I tried pin pointing the right element to correct that, but I can't find it. This wasn't like that before, I'm not sure what caused it.

Also, for some odd reason, it's like all my content block (images + add to cart and description) is slightly off entered on mobile.

I can't seem to find the right elements to correct that, please help! 🙂

Thanks in advance! 🙂