Slick slider прокрутка тачпадом

Проблема в том что когда по слайдеру проводишь тачпадом, то он прокручивает сразу несколько слайдов. как сделать что-бы прокручивалось по одному слайду?

Вот пример. Там есть блок Цикл если по нему свайпнуть пальцами на тачпаде, то он весь прокручивается за секунду... а надо чтобы прокручивался только один слайд https://kujy.ru/artur/

var mySlider = $('.sliders');

mySlider.slick({
    dots: false,
    infinite: false,
    slidesToScroll: 1,
    initialSlide: 3,
    vertical: true,
    centerMode: true,
    speed: 500,
});

mySlider.mousewheel(function(e) {

    e.preventDefault();

    if (e.deltaY < 0) {
        $(this).slick('slickNext');
    } else {
        $(this).slick('slickPrev');
    }
});

mySlider.on('beforeChange', function(event, slick, currentSlide, nextSlide){
    if(nextSlide > currentSlide){
        turnEllipse(90);
    }else{
        turnEllipse(-90);
    }
})

function turnEllipse(degrees) {
    var angle = $("#kkru").data("angle");
    if (!angle)
        angle = 0;
    angle = +angle + degrees;
    $("#kkru")
        .data("angle", angle)
        .css({ transform: "rotate(" + angle + "deg)", transition: "1s" });
}