Слайдер движется под другими элементами

Question

У меня есть два скользящих слайдера, один из которых является навигацией для другого слайда.

Слайдер 1: изображения (горизонтальный слайдер) Слайдер 2: текст, принадлежащий изображениям (вертикальный слайдер)

По какой-то причине ползунок 2 перемещается под заголовком и текстом, отображаемым в верхней части элемента. Ползунок не позиционируется абсолютно или что-то еще, поэтому я не знаю, почему это происходит

, вот что происходит: первый элемент перемещается под другим текстом

url: https://pauwelsverandas.be/nl/lines/kreativ-line/

Есть идеи, почему это происходит?

Answer 1

div с классом slick-track имеет свойство transform в css, которое перемещает его вверх

transform: translate3d(0px, -53px, 0px);

, а также не устанавливает высоту и ширину для элементов, это плохая практика