Changing color to text that appears and dissapears.

Site URL: https://www.mcarenders.com/english

I copied a code for making the text on posters  appear when the mouse is over the image. (Case of the second picture of my Español or English Pages)

I would like to change the color of the text to black. Here is the code.

.design-layout-poster:hover .image-card-wrapper {
  visibility: visible;
  opacity: 1;
  background-colour: hsla(233, 90%, 51%, 0.83)
}

Also i would like to know, how can i make this same effect to other texts like the headline text from the first image of my  Español or English Pages.

Thank you in advance

www.mcarenders.com

Add to Home > Design > Custom CSS

.design-layout-poster:hover .image-card-wrapper * {
    color: black;
}