Как устранить «расклеивание» слайдера Slick Slider?

Вот так

После инита слайдера у элемента появляется класс .slick-initialized. В css пишите типа этого:

.carousel-hero {
    display: none;
}

.carousel-hero.slick-initialized {
    display: block;
}

отключить js слайдера, и сверстать так, что бы все слайды были в 1 ряд, а виден был только первый, все остальные скрыты через overflow: hidden;
Потом при включенном js поправить стили, которые перебил слайдер