Side by side images generates vertical unwanted vertical padding when on mobile

Hi, I hope anyone knows how to fix it.
I'm using a "blog" page to feature projects.
On wide screens, I use maybe 3 or 2 images in the same row with thin white borders. When converted to small screens/mobile, Squarespace repositions the images, creating a weird vertical spacing between them. I would love the mobile version to keep the same spacing between images, even if it changes its scale and position.
https://www.beeldmotion.com/work/sportv-rebrand

Best!

Thank you so much, @tuanphan!

@tuanphan Maybe you can help me with this one too... same page.
I would like that any gallery block to have the same borders as the images.
Any way to fix that on the whole website?

Use this CSS code

@media screen and (max-width:767px) {
.gallery-block.sqs-block {
    padding: 4px !important;
}
}

You nailed it. Again. Thank you so much!!!