How to change the spacing on mobile between images.

Site URL: https://avedainstitutewinnipeg.ca/financial-aid-1

Hi I would like to fix this mobile view. Any ideas how to that?

I would like to setup this closer.

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1642627841472_105740+.row+.row .image-block .has-aspect-ratio {
    padding-bottom: 55% !important;
}
}

tuanphan 

You are amazing! Thank you! 🥰  
Have a great day!
 

tuanphan 

Unfortunately I broke it again, I deleted the spacer above and I'm not sure, if from this reason, but  definitely  this code stopped working. 
Can you help me again? 

20 hours ago, Nali said:

tuanphan 

Unfortunately I broke it again, I deleted the spacer above and I'm not sure, if from this reason, but  definitely  this code stopped working. 
Can you help me again? 

Use this code

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1643213375383_11901+.row .image-block .has-aspect-ratio {
    padding-bottom: 55% !important;
}
}

How about making 2 images/row on mobile?