kudryavi

у элемента в сафари появляется стиль style="animation: gen_css_kf_40 200ms linear 0ms 1 normal forwards running; opacity: 0; position: fixed;" в хроме у этого же элемента такого стиля нету. Откуда он берется?

Почему выпадает контент из родительского блока в сафари, а в хроме все хорошо? С чего начать? Куда смотреть?

<div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gallery5"> </div> </div> </div> </div> </div> img { max-width: 100%; } .container { max-width: 1290px; } .relation { position: relative; } .relation__ratio { height: 0; padding-top: 64.1%; } .relation__wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; border: 1px solid red; } .relation__big-img { width: 40%; flex: 1 1 100%; display: flex; flex-direction: column; } .relation__row { width: 30%; display: flex; flex-direction: column; flex: 1 1 100%; } .relation__row1 { order: -1; } .relation__img { flex: 1 1 50%; } @media screen and (max-width: 992px) { .relation__ratio { padding-top: 103.9%; } .relation__big-img { width: 70%; } .relation__row { flex-basis: 50%; } .relation__row1 { order: 1; } } Помогите пожалуйста разобраться, что делаю не так.

Спасибо огромное!

https://github.com/kudryavi/lian

стили для стрелок

z-index прописан

Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?