Non è l'immagine che si oscura, ma un'altra immagine che da trasparente diventa opaca.

Praticamente c'è un[*] con background-image l'immagine con la donna e un <h3> interno a questo[*] con background-image l'immagine senza la donna.

Inizialmente l'h3 è trasparente (opacity: 0), al passaggio del mouse diventa opaco (opacity: 1)