HTML - Como crear éste efecto

Hola, estoy creando una web y me gustaría saber como puedo crear éste efecto que he encontrado en la web de bbva, es bastante simple, sale un cuadro con texto e imagen, y al pasar el ratón por encima cambia su contenido, ejemplo:
https://media.giphy.com/media/l49JB4MjX81jg1XKo/giphy.gif

Si alguien me pudiera decir como hacerlo lo me sería de gran ayuda.

Gracias de antemano.

Hola Daniel, aquí te he publicado un código de ejemplo que hace lo que quieres: https://www.lawebdelprogramador.com/codigo/CSS/4367-Ejemplo-de-movimiento-de-un-div-de-abajo-hacia-arriba-con-transition-de-css3.html

Hola Daniel,

Aquí toda la info necesaria :)
https://www.w3schools.com/howto/howto_css_image_overlay.asp
Saludos!

Gracias, ya conseguí lo que quería. :)