Почему только в Сафари сайт отображается как нужно, а в остальных криво?
"кривая" кроссплатформенная вёрстка
Начните с префиксов @-webkit-keyframes для ваших анимаций.
Далее, анимация дергается из за значения inherit в свойствах top bottom right left, за место inherit пишите 0