Increasing Padding Between tops and bottoms of images.

Hi there,

working over on http://briannaimerphotography.ca/collections/natural-landscape/ I am trying to use enfold to emulate this photographers preferred need to have control over how his images are displayed…

this is what has him inspired… >>> http://www.galleryoftheamericanlandscape.com/landscapes/portfolio-28/index.html

so what I am doing is using the 3x 1/3 layout, what I think I need to do to keep him happier is have more spacing between the images I was reading https://kriesi.at/support/topic/14-page-element-padding-between-14-columns/ and I thought maybe the code I need might be….

<style type = “text/css”>
@media only screen and (min-width: 768px) {
#image-gallery div .av_one_fourth {
width: 25% !important;
margin-right: 0% !important;
margin-left: 0% !important;
margin-top: 40px !important;
margin-bottom: 40px !important;
}
}
</style>

thanks for any help you can provide me :)

ENB..//