Site URL: https://www.davidstinsonphoto.com/
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!