How to add padding on stacked images for mobile view

Site URL: http://cutandrunhair.squarespace.com

Hey, I was wondering if someone could lend me a hand!

I'm checking through the mobile view on my site, and on desktop there are 2 columns side-by-side. Once stacked, the padding between these elements where the column breaks is very tight, is there a custom CSS I can add in to include padding here? 

The first image is how the two columns are on desktop side-by-side. The second shows the end of the first column & the start of the second column (the image), but being stacked on mobile. I would like more space between the end of the black box + the image, if possible. Thank you!  

Password to site: SPCR123

Hi. Can you share link to page in screenshot? I don't see them on homepage

On 3/31/2021 at 3:19 AM, tuanphan said:

Hi. Can you share link to page in screenshot? I don't see them on homepage

Yes absolutely, it's within 'team' page

https://cutandrunhair.squarespace.com/team

On 4/3/2021 at 11:00 PM, JW95 said:

Yes absolutely, it's within 'team' page

 

https://cutandrunhair.squarespace.com/team

Hi. Add to Design > Custom CSS

/* team spacing */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1616958694304_12066 {
    margin-bottom: 40px;
}
}