hover-title not centered (masonry) ss 7.1

Site URL: https://puma-saffron-esmk.squarespace.com/

puma-saffron-esmk.squarespace.com

Password: test

Hello,

My hover-title apperas to be not centered with a browser-wide higher then 2500px.

It is a masonry style gallery.

With lower wides it works fine!

Can somebody fix it?

Thanks a lot!

Don't edit/remove any code in your current code

Add this to Design > Custom CSS

@media screen and (min-width:768px) {
figcaption.gallery-caption.gallery-caption-grid-masonry {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
            transform: translate(-50%,-50%) !important;
    width: 100% !important;
    text-align: center !important;
}
}

Genius!!! Thank You. That Works 🙂