Как в этом случае вывести текст по вертикальному и горизонтальному центру изображения?
<style>
.darkened {
position: relative;
}
.darkened::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 1;
}
</style>
<div class="darkened" >
<img src="https://aliadvert.ru/b/17" width="100%" height="250px" alt="">
</div>