Адаптивное изображение и обложка посередине ⇐ CSS

[Anonymous]

У меня есть изображение, которое я хочу, чтобы оно хорошо отображалось в адаптивном режиме, но, к сожалению, из-за его большой ширины его высота слишком мала на телефоне!
Если я дам ему следующее:

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

object-fit: cover;
min-height: 250px;

Это неточный метод и в некоторых размерах он может отображаться неправильно.
Можно ли указать диапазон ширины 10% изображения с боков и разрешить масштабирование изображения только до этих 10%?
с помощью object-fit: Cover;
И после этого, уменьшив ширину браузера, высоту изображение будет уменьшено
мой код:

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

img.ihero {
width: 100%;
}

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

[url=https://example.com/]
[img]https://i.sstatic.net/fzY3Uxj6.jpg[/img]
[/url]

Подробнее здесь: https://stackoverflow.com/questions/784 ... rom-middle