Проблема с переменной шириной гладкого слайдера

Question

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

См. Снимок экрана ниже, что происходит.

Slick Slider, показанный на сайте

        <script type="text/javascript">
        jQuery(document).on('ready', function() {
            jQuery('#service-gallery-items').slick( {
                arrows: true,
                dots: false,
                infinite: true,
                centerMode: true,
                variableWidth: true,
                nextArrow: jQuery('#service-gallery .gallery-right'),
                prevArrow: jQuery('#service-gallery .gallery-left'),
                slidesToShow: 2,
                slidesToScroll: 1,
                responsive: [
                    {
                        breakpoint: 992,
                        settings: {
                            slidesToShow: 2,
                        }
                    },
                    {
                        breakpoint: 600,
                        settings: {
                            slidesToShow: 1,
                        }
                    }

                ]
            });
        });
    </script>