Tarjeta ¿¿¿ NF que ??? con BEM, flexbox y algo de magia.

Sobre todo el efecto del hover que he hecho en la imagen principal, al haber puesto un fondo de color cyan y el icono centrado en la imagen. Por un momento creí que no sabría como hacerlo. Pero después de pensar un poco lo conseguí.

Podría haber utilizado grid para superponer los elementos, pero me encuentro más cómodo utilizando el posicionamiento relativo y absoluto.

Lo que más me costó fue eliminar el espacio que se creó entre las dos imágenes y el poner un fondo de color sobre la imagen.

Para eliminar el hueco puse display: block ; en la imagen primera.

Para el fondo de color, utilicé la propiedad de opacidad. Me parece que podría haber optado por una máscara o un filtro, pero aún no sé sacarle partido a esas propiedades.