I injected the following code, but the font / type is not changing. https://www.thebrattleboro.com/home-1
/* Images overlay */
div#page-section-628fca388c857c062397772f figure a:after {
content: "";
background-color: rgba(0,0,0,0.5);
position: absolute;
z-index: 900;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
//* Masonry hover */
[data-section-id="627ecc448851d864ffb7543e"] {
figure.gallery-masonry-item {
position: relative;
}
.gallery-caption {
position: static;
}
/* title */
.gallery-caption-content {
font-family: orpheus-pro;
font-size: 3em;
color: #F9F8ED;
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;
}
/* remove gap */
figcaption {
padding: 0 !important;
}}