Как повторить поведение bg в теге img?

Question

[Wamsmer]

Добрый вечер!
пытаюсь повторить поведение background: url(...) no-repeat top center /cover; в теге img с помощью object-fit, но не получается.
Работа в случае с bg: фон растягивается на максимальную доступную ширину (больше, чем размер изначальной картинки). При ресайзе окна фон сжимается до того момента, пока не отобразится полностью в высоту, затем застывает и более не меняет размер.
В случае с object-fit картинка занимает свой реальный размер, и больше не меняется.
Вопрос: возможно ли средствами css задать img такое же поведение, как вышеуказанный bg?

Код здесь: https://codepen.io/wansmer/pen/GRgKbya

Answer 1

[Dymok]

img{
    object-fit: cover;
    height: 100%;
    width: 100%;
  }