How can I add a custom CSS font for Gallery title overlays?

Right now I'm trying to change the font style of the gallery blocks on my home page for the template "Impact". (See Attached) I'm using ".sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: "LaborUnion" !important }" but it doesn't seem to be working.

The file can be found here: https://nectarine-lime-6www.squarespace.com/

That worked like a charm! Thank you so much @tuanphan

Tried this code... couldn't make it work for me. 

On 11/18/2020 at 7:55 AM, SproutDesignStudio said:

Tried this code... couldn't make it work for me. 

Can you share link to gallery? We can check easier

We are already communicating on this thread. 😊 

Add to Custom CSS

.homepage h2.Index-gallery-item-content-heading {
    font-size: 30px;
}
.homepage .Index-gallery-item-content-body * {
    font-size: 30px !important;
}