Change Image Hover Caption Background Height Using CSS?

When I use the hover caption mode for image blocks, the caption appears on hover at the bottom of the image on a dark/back background.  The background has a fairly large amount of empty space around the text.  Is there any way to shrink the size of the vertical black border area around the text, to make it shorter and cover up less of the image height?  I attached a sample of what I see.

The site uses Squarespace 7 with the Dovetail theme.  I'm familiar with old-school HTML from 20 years ago, but a relative novice at CSS.  I do know where to enter site-wide CSS tweaks, if that is the right solution.

Hi,
Please share your website URL.

Best,
Leopold

Here is a sample image page: <<sample page has since been deleted>>

Hi

Use this code in Design -> Custom CSS

.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover:hover .image-caption-wrapper {
    padding: 0px 18px !important;
}

Please use the like button if it helps you!

Best,
Leopold