Poster image block text overflowing on iPad

How do I get the text on an image poster block to dynamically resize based on the screen size? The text is overflowing when viewed on an iPad. Any thoughts @mdhanjal

Here is the page: https://www.outdoorsi.org/our-impact

past this code in custom css box

.min-font-set, .min-font-set~* {
   font-size: 11px !important;
}

On 9/16/2019 at 1:09 AM, Mdhanjal said:

past this code in custom css box

.min-font-set, .min-font-set~* {
   font-size: 11px !important;
}

 

 

I'm having a similar issue and that code changes the font size on desktop too. How can I make it so it just makes the Ipad device font smaller?

17 hours ago, Carlyschroe said:

I'm having a similar issue and that code changes the font size on desktop too. How can I make it so it just makes the Ipad device font smaller?

 

@media screen and (min-width:641px) and (max-width:900px) {
paste above code here
}