Wav Template: Change text size in Image Card Block CSS

Hi,

I'm trying to edit the text sizes for both the title and subtitle of the image card blocks throughout my website.

It gets too big on bigger screens and too small on smaller screens and mobile.

Is it possible to keep it constant? For example, as it happens with the body text?

Website: www.wewood.eu

Thanks!

@wewood Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.image-title {
   font-size: 30% !important;
}
.image-subtitle-wrapper {
   font-size: 3vw !important;
}
}

@media screen and (min-width:641px) {
.image-title {
   font-size: 20% !important;
}
.image-subtitle-wrapper {
   font-size: 2vw !important;
}
}

@tuanphan, thank you but it still gets too small on mobile and now also too small on bigger screens.

The body text as this characteristics:

font-weight: 400;
font-size: 16px;
letter-spacing: 0em;
font-family: brandon-grotesque;
font-weight: 300;
font-style: normal;
font-size: 20px;
letter-spacing: .03em;
line-height: 1.6em;
text-transform: none;
color: #000;

My idea was to keep the same for the card subtitle text, is it possible?

@wewood image cards? you mean: Home, Contract...or?

@tuanphan, the text below, which is the subtitle of the image card: "Heritage and creativity are the base of our collection of timeless design objects, some of them are already recognized icons for design enthusiasts."

@wewood Adding my code, and i'll check why it didn't work