Mobile: How can I add Padding to auto-stacked images from a gallery, on "Wexley" (SS 7.0)?

Site URL: https://www.aphotois1000words.com/abstract

Hi,

I have a very simple site. It's a collection of gallery pages.

When the gallery pages display on mobile devices, the images display in one column, which is fine, but there needs to be more padding in between each image (see attached JPG). 

Could you help achieve this?

thank you.

Stefan.

aphotois1000words@gmail.com

Add to Design > Custom CSS

@media only screen and (max-width:800px) {
.collection-type-gallery #page #slideshow .slide {
    margin-bottom: 20px !important;
}
}

thank you!