Hover effect on one particular page

Hi there,

I have added some code to get the hover effect (overlay + Poster: Title/Subtitle ) on images (see screenshot attached). 

/* Hover Effect Images */
.sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;}
.sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;}
.sqs-block-image:not(:hover) 
.image-card-wrapper { display:none;}

Unfortunately it started behaving weirdly - the hover just works on all images now, rather than on only https://www.aeliaandthecamera.com/branding and text is not displayed while hovering over. 
Any advices how to make it work properly are highly appreciated 🙂

Many thanks 🙂
A.

@AeliaandtheCamera " text is not displayed while hovering over." >>> text size is 0%, so you will don't see it.

add to Home > Design > Custom CSS

.image-title.sqs-dynamic-text {
    font-size: 15px !important;
}

Thank you Tuanphan, will try it out! Sorry for the late reply!