Artesia - Making gallery margins larger when in full screen mode

Site URL: https://www.davidstinsonphoto.com/

Please help.

The site uses Artesia template. In Artesia, when you create a gallery page, the images are in a grid and you can click on individual images to make them full screen. I'm wanting to make the space between the bottom and top edge of the photo and the end of the screen wider. Basically, I want the images to be a little smaller when viewing them in full screen. I need the CSS to widen those margins. And, preferably, have this apply to all screens, except mobile phones. I attached a photo to show what I mean. Any help is greatly appreciated!

David

Add to Design > Custom CSS

.yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder {
    top: 10%;
    bottom: 10%;
}

That worked! THANK YOU!