Reduce Font Size 7.1: Overlay Text on Photo

Site URL: https://www.gildedfarmsny.com/what-we-do

Hi,

I am having trouble where the font size on text that I have overlaying a photo doesn't change size when I switch to mobile.  I have tried both of these custom CSS code suggested in other posts but neither have worked:

1. @media screen and (max-width:767px) {
body[data-dynamic-font-sizing-enabled="true"] .sqsrte-large {
    font-size: 15px !important;
}
}

2. @media only screen and (max-width: 640px){ p{font-size:1rem!important} }

Any ideas of how to fix this?

Thanks for your help,

Erik

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5ebd0234ce429338dd909916 figcaption.image-card-wrapper * {
    font-size: 10px;
}
}