How can I adjust the spacing between blocks to make my page look more neat?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection

Hello, I'm trying to neaten up the spacing between blocks on my 'collection' page on mobile only. I notice there's some wider spacing between some blocks that tends to makes things look a little inconsistent.

In my attached image, you can see some of the spacing is fine but others, quite wide (indicated in red cross) in other sections.

Please can you help me to format the spacing so it looks more consistent?

Page = https://bluebird-porcupine-yzdg.squarespace.com/collection

Pword = bluebird

Many thanks,

Best,

Faiz

Add to Collection Page Header

<style>
  #page .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
</style>

Many thanks! Awesome fix 💯