Как вертикально и горизонтально выровнять img внутри div? ⇐ Html

[Anonymous]

Я знаю, что об этом спрашивали много раз, но я попробовал почти все, что читал до сих пор.
Я хочу выровнять img внутри div как по горизонтали, так и по вертикали.
Контейнер div находится внутри модального окна, показывающего изображение после щелчка по его предварительному просмотру. Тогда он будет содержать изображения любого размера.
Я могу выравнивать по горизонтали ИЛИ по вертикали, но не по обоим направлениям.
HTML-код: https://pastebin.com/7dCQ1aJg

Код: Выделить всё

×

Модальный пример (изображение не выровнено по вертикали): https://ibb.co/j4nJ1Q
(

Код: Выделить всё

.content

содержит только «height: inherit» и модальное окно — 550 пикселей)

Подробнее здесь: https://stackoverflow.com/questions/437 ... inside-div