Как поправить правильное отображение css?

Question

[olegmorales13]

Помогите пожалуйста поправить отображение на странице - talanti.club/?page_id=7366
Правильное отображение примерно такое( главное чтобы пропорции картины сохранялись):

а вот почему то такое появляется с iPad:

Как сделать чтобы на всех устройствах нормально отображалось? Заранее спасибо

Comments

[Ankhena]

Для сохранения пропорций: height: auto

Чтобы обрезалось по размерам блока: object-fit: cover

Для всегда одинаковых пропорций блока: https://jsfiddle.net/Ankhena/cLhxv7eq/

На боку потому что сами загрузили такую картинку:
talanti.club/wp-content/uploads/2017/11/20171002_1...
Некоторые браузеры покажут ее правильно, некоторые нет. Отредактируйте в адекватном графическом редакторе.

Answer 1

[s-jet]

Возможно вам поможет object-fit https://html5book.ru/svoystva-object-fit-i-object-...