how to show the whole caption on a mobile phone

Hi there, I would like to know how to 'control' the caption below my image gallery. I've seen some topics about it (mostly about showing the caption on mobile) and tried the codes provided, but nothing worked so far. This is how the gallery looks like on a desktop:

And this is how the caption shows on a mobile:

Halfway through a word, the caption just stops.

I would love to know how to fix this, how to show the whole caption on a mobile phone. I'm using Brine.

Thanks so much for your help,

Robien

@robienhali Can you share site url?

Sure! https://www.daansgardens.nl/ is the website, and this is my clients blog post where the caption is cut off on mobile: https://www.daansgardens.nl/portfolio/haagse-stadstuin-en-een-beetje-japans

@robienhali Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title {
  white-space: normal !important;
}
}

OMG I want to know code... It works perfectly. Thanks so much!

@robienhali learn code ;) 4 hours/week for 2 months. You will solve problems like this.

You're welcome. Click Accept Answer if it worked. Other members can use if they know it worked.

That's it? I will consider this. Thanks, I'll accept the answer.

@robienhali I used to take a course. And based on my experience, you don't need to learn everything. You just need to learn CSS Selector, Inspect Element and how to search on W3Schools when having problems with CSS. That is enough.