Как затемнить картинку и наложить еще одну поверх нее?

Question

[Александр]

Нужно, чтобы при наведении на картинку, она затемнялась и поверх накладывалась еще одна.

Начальная картинка


Хочу сделать так

Comments

[trenrnd]

Появляющийся блок при наведение мыши

Answer 1

[iBird Rose]

https://jsfiddle.net/L6cpzd11/

Comments

[Сергей delphinpro]

небольшой рефакторинг https://jsfiddle.net/L6cpzd11/2/ =)

Answer 2

[Андрей Федоров]

codepen.io/aliencash/pen/BpePYJ?editors=1100#0

Answer 3

[Nevada18]

.xxx:hover {
...
}

.xxx:hover:after {
content:"";
....
}
применять для обертки