Как сделать, чтобы картинка не обрезалась?

Question

[frontAng]

в адаптиве хорошо видно (мобилка)
https://codepen.io/frontAng/pen/WNyQQEP

Comments

[Ankhena]

Ну смотрите, вы написали что картинка должна быть иметь высоту 100% и обрезаться с помощью object-fit cover.

Если вам это поведение не нужно, то зачем пишете?

[frontAng]

Ankhena, проблема в том, что если написать height: 100
но безobject-fi:t cover
то будет вообще плохо смотрется

[Ankhena]

frontAng,

проблема в том, что если написать height: 100

не пишите...

[frontAng]

Ankhena, так тогда картинка не будет во всю высоту итема

[Ankhena]

frontAng, ну ок.
Нарисуйте что должно получиться.

Сейчас вы хотите, чтобы ширина осталась прежней (фиксированной), высота увеличилась,но при этом картинка не обрезалась.

Как нарисуете, позовите.

[Ankhena]

frontAng, как успехи с рисованием примера?

[frontAng]

Ankhena, вроде решилось
подскажете почему свг не адаптивна?
понимаю, что из за фикс размеров.
Но если убрать их - то вообще свг пропадет
https://codepen.io/frontAng/pen/PoaNJpY

[Ankhena]

frontAng, не понятно, как эта svg связана с текущим вопросом.

подскажете почему свг не адаптивна?

С чего бы ей быть адаптивной?
У вас нет ни одного свойства или атрибута исходя из которых она была бы адаптивной. Причем отсутствует даже viewbox.

Укажите viewbox и что-нибудь типа width 100% и height auto. Или как вам нужно чтобы она адаптировалась.

Answer 1

[Bohdan]

.block__image img {
  display: block;
  width: 2048px;
  max-width: 100%;
}