Как выставить изображением + текст с overlay по-центру страницы?

Question

[Владислав]

Не знаю как выравнить, мучась уже пол часа)
Ссылка
Заранее спасибо :)

Comments

[Александр]

так он же и так по центру разве нет ?

Answer 1

[Dymok]

Чтобы не использовать padding достаточно добавить эти свойства для .overlay:

display: flex;
justify-content: center;
align-items: center;

Comments

[aloky]

+ height: 300px