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