Align vertical spacing for different screen sizes (gb-inside-container padding)

Good Day

I'm struggling to get the vertical spacing aligned between block elements.

Everything is fine on desktop (https://ibb.co/4m9pfqp), but the spacing gap becomes too large as the screen narrows.

For mobile I've had some success in compensating for the space by adding a custom css class to the top of the block and using:

@media (max-width: 1024px) {
    .minimize-top-on-mobile {
      margin-top: -170px;
    }
}

But even then the spacing is still a bit too large and if I decrease the margin even more the elements get cut off.
https://ibb.co/Z2ntWxZ

For medium sized screens the spacing is way off:
https://ibb.co/2SvrYsJ

How do I get the spacing consistent (like in the desktop size) across all screen sizes:
https://ibb.co/4m9pfqp