Shrinking caption under image

So I have a Gallery block displaying images that lead to projects. I have their titles underneath as captions but the spacing is just too big. Is there a way to decrease the Horizontal spacing where the text is? I know you can shrink/increase the Spacing when editing the design of the Gallery block but it shrinks it proportionally, both vertical/horizontal. I included an image below showing what I mean.

Alternatively, I was thinking if there was a way ( instead of having the caption underneath ) if you can hover over the images and have the titles appear as texts. I know SquareSpace does not feel so "flexible" when you want to change little things, so any advice would be appreciated. Thank you. 

Can you share link? We can help easier.

If your site is trial/private, you can setup password & share url.

Sure its:

chinchilla-dog-gljs.squarespace.com

Password: qazedc123

On 1/4/2021 at 11:32 PM, ANTACE95 said:

Sure its:

chinchilla-dog-gljs.squarespace.com

Password: qazedc123

Add to Home > Design > custom CSS

figcaption.gallery-caption.gallery-caption-grid-masonry {
    padding-top: 5px;
    padding-bottom: 5px;
}