Image Gallery Options

https://www.theportguy.com/2019-port-harvest-tour/

I have a number of places in this article where I have two, three or four photos that I want to display next to each other (usually bottles of wine).

I was using an HTML table to display them with 2, 3 or 4 columns, respectively, but realized that on a mobile device they aren’t responsive and show up like a tiny table of images.

I was trying to implement TagDiv Gallery, but when I, say, want to display two images side by side and try to use the TagDiv gallery, there is huge whitespace between each image (like it is justified 100% wide and the two images are in the center of cells that are split 50%/50% in width. If anything, I’d like to have the two images centered, with maybe 5px space between them.

Any ideas on how I can get the TagDiv gallery to (by default) display x number of images as centered, with “x” space between each image.

I obviously want this to be responsive so if viewing on a mobile device, the images would be displayed a single stacked verticle images on a (say) iPhone.

Thanks in advance for any ideas.

Thanks for the quick reply.

Summary of my post below is that galleries with only two images are rendering on desktop browsers with either too much white space or the image sizes aren’t what I want.

So here is a test page i created:
https://www.theportguy.com/imagetest6/

Note: all of the galleries look good on mobile.

However, the main issue is viewing galleries with two images on desktop. At the link above all three of the “two images galleries” at the top don’t render in an aesthetically pleasing way:
Attachment, 2, Thumbnail, Default – too much white space
Attachment 2, Medium, Default – too much white space
Attachment 2, Medium, Large – images are too large

Once i start using galleries that have three or more images, everything looks good on desktop and mobile from then on.

My question is if it is possible to make adjustments to the two image galleries above. IDEALLY, the images would be centered with some determinable white space between.