How do I make a blackout effect when hovering over an image?

Question

css

There is a code:
https://codepen.io/Kantarina/pen/VvWGZY

You need to add text on top of the picture like this:


When you hover over the picture, you need to darken it by 50%, but the text does not move so that.