Change font size on caption hover text

Hi,

Im looking to change the font size on caption hover text. I've managed to split the lines of my caption up into 4 lines.  Id like to make the 1st and 3rd lines in bold or larger font size.  I've tried inserting .gallery-caption p:first-line {color: blue; font-size: 1rem; font-weight:bold} at various points but cant seem to get it to change the text. This is the css I have just now:

figure.gallery-masonry-item {
    position: relative;
}

.gallery-caption {
  position: static;
}

.gallery-caption
  p{white-space: pre;  
}

/* 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;
  font-family: Source Sans Pro;
  font-size: large;
  }
/* overlay */
.gallery-masonry-item-wrapper a:after {
    background: #f1a638; /* 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: 1;
}
/* remove gap */
figcaption {
    padding: 0 !important;
}

Hi,

Can you share link to page where you have problem?

27 minutes ago, tuanphan said:

Hi,

Can you share link to page where you have problem?

@tuanphansent you a message via forum with the details.