Remove padding below caption/above thumbnails in Simple Slideshow Gallery

Site URL: https://lynx-synthesizer-lsgh.squarespace.com/abstracts-i

Hello.  I'm trying to make pages each with a simple slideshow gallery, including thumbnails and description captions below.  When I enable the captions, my images shrink dramatically in size and the space between the caption and the thumbnails is huge.  No change to any of the gallery settings seems to make a difference.  Is there any way to get the thumbnails much closer to the caption with a regular sized image (same distance above and below the caption if possible)?  I've also been searching the forums and help pages but can't seem to find anything.  I may not be searching for the right thing since I'm new to Squarespace.  Thanks.

Add to Home > Design > Custom CSS

.gallery-slideshow-wrapper {
    margin-bottom: 10px !important;
}

This is great, but in order for it not to overlap and therefore crop my images, I need to make it minimum 40px and it pushes the caption down against the thumbs.  Any way around that?  I'm assuming either more space underneath the caption or some other way of moving the caption up.  If it has to stay here it's at least better than it was before. I really appreciate it!

Actually, I was wrong--- no matter the px amount the original image will be cropped, unless I choose 0px, in which case the caption is in the middle of the thumbnails (see screencap).  Any ideas?

You can increase 10px to 20, 30px..

Yes, I understand that (see my post above).  When I increase to any amount above 0, it crops my images/cuts off the bottom.

Can anyone else help?  Thank you!

Will repost in search of an answer.

Can you describe your problem? We will check again