Почему только в Сафари сайт отображается как нужно, а в остальных криво?

Question

[Сергей Миллер]

Привет, сайт l918144s.beget.tech/cse правильно отображается только в браузере Сафари, в остальных криво, а именно:
Первая строка не на том месте расположена (см скриншот) и анимация жестко лагает. Проверял на 5 компах, во всех браузерах, используется библиотека jquery google-овская, скрипты только owl carousel, viewport checker и все, пробовал отключать все по отдельности и нихрена не помогает.

Вот как должно быть (как выглядит в Сафари)


Так криво выглядит в других браузерах + лаги анимации

Comments

[hellcaster]

У меня с firefox все отлично выглядит

[Сергей Миллер]

muryn.official, Проверяд в Опере сегодня - криво

[sdgroup14]

первый раз в жизни слышу что в Сафари хорошо а в других браузерах поехало хДДД.

Answer 1

[Никита]

Начните с префиксов @-webkit-keyframes для ваших анимаций.

Далее, анимация дергается из за значения inherit в свойствах top bottom right left, за место inherit пишите 0

Comments

[Сергей Миллер]

Друг, спасибо, выручил, никогда префиксы не использовал и всегда везде все норм было, а тут заморочка вышла. Спасибо!

[Никита]

Сергей Миллер, советую юзать галп или грант при верстке, поможет избежать уймы проблем.

Answer 2

[Михаил Лялин]

"кривая" кроссплатформенная вёрстка