Почему картинка на сохраняет пропорции в браузере safari?

Question

[chelnokov_a]

Здравствуйте. Реализую верстку макета и столкнулся с такой проблемой. Для картинок, у которых есть свойство transform, при уменьшении экрана я уменьшаю ширину, чтобы картинка пропорционально стала меньше. Однако, в браузере safari высота картинки остается неизменной из-за чего она растягивается.

Растяжение решил легко при помощи свойства object-fit. Однако так-как высота осталось прежней, верcтка все равно плывет. Кто-то знает как решить эту проблему. Если что вот верстка https://pateder.ru/Development/sineo/

Answer 1

[Виктор П.]

Добрый день,
А как вы задаёте transform? )
Некоторые свойства действительно работают по разному в разных браузерах. Если у вас проблема именно "transform safari", так и пишете в гугле и по первым ссылкам выдаётся что-то вроде такого:

-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

Так же поищите специальные сайты, которые проверяют/дописывают кроссбраузерность для css