Как выровнять картинку на всю ширину и высоту ее контейнера, при этом чтобы ширина и высота контейнера не изменилась?

Question

[gazes12]

https://codepen.io/gazes12/pen/zYpJEwq

Картинку с котиком нужно выровнять на всю ширину и высоту колонки, при этом колонка не должна увеличится!
Как это сделать? Заранее спасибо!

Comments

[Ankhena]

object-fit

Answer 1

[Nikolay Matyushkin]

Если так хочется иметь img в DOM то так
Если без img, то так

и в том и в другом случае вы можете изменять позиционирование изображения с помощью:

object-position: {value};  // В первом случае
background-position: {value}; // Во втором случае

оба эти свойства принимают один и тот же набор значений, почитайте если что)