Разработать фронтенд лендинга с анимациями svg и вставками mp4

Требуется внести правки в верстку лендинга. Верстка готова но к ней много вопросов по сафари и анимациям. Некореткно лендинг открыватеся на яблочных устройствах. <br><br>Также требуется вставить анимации при помощи mp4 ведеофайлов и webm видеофайлов. Сказать как обжать какими кодеками видео-анимации, какое разрешение должно быть что бы получились маленькие по размеру видео файлы. <br><br>Лендинг сначала прогружает PNG а затем подгружает видео анимации когда PNG открыто за короткое время должен все подгрузить. <br><br>- ПОнимание вставок видео-анимаций<br>- Хорошее понимание safari особенностей<br>- Понимание прогарммных анимаций на JS