Как правильно реализовать overlay?

Question

[Soceine]

При наведении на текст пропадает затемнение фоновой картинки.
Нужно сделать так, чтобы текст всегда оставался белого цвета независимо от затемнения заднего фона, т.е. без воздействий.
Пробовал ставить z-index разный, не помогло.
Заранее спасибо всем, кто уделит внимание.
Код - https://jsfiddle.net/Soceine/kgvj3tws/3/

Comments

[Ankhena]

Вы можете использовать pinter-events для текста, но при этом потеряете возможность выделять его.
Либо перевесить hover с картинки на родителя.
Второе разумнее.

[Soceine]

Ankhena, Когда hover даю родителю, он почему-то все затемняет

[Ankhena]

Soceine, мне не видно, что вы пишете.

Должно быть типа того

.родитель:hover .картинка {
  стили
}