hsmq

Perfect!  Thanks so much for your help!

Yes, it is on the homepage here https://www.johnmathewsculpture.com

Thank you!

Thank you! That solved!  Is there a way to now center justify the hover caption?

Hello, I used the first code in this thread and it worked great, thank you!  How can I have the caption text in 3 lines instead of one on the hover?

This is what I want:

Rocking Duet 
Steel, Glass
4 x 2 x 1.5 ft

This is what I currently have:

Rocking Duet Steel, Glass 4 x 2 x 1.5 ft

This is the current code I am using:

figure.gallery-masonry-item {
    position: relative;
}
.gallery-caption {
    position: static;
}
/* title */
.gallery-caption-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    padding: 7%;
    transition: opacity ease 200ms !important;
    opacity: 0 !important;
pointer-events: none;
}
.gallery-masonry-item:hover .gallery-caption-content {
    opacity: 1 !important;
}
/* overlay */
.gallery-masonry-item-wrapper a:after {
    background: rgba(0,0,0,0.5); /* overlay color */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity ease 200ms !important;
}
.gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after {
    opacity: 0.75;
}
.gallery-masonry-item * {
    color: white;
}
/* remove gap */
figcaption {
    padding: 0 !important;
}

Thank you so much!