Слайдер 5 слайдов подряд ⇐ CSS

[Anonymous]

Как сделать слайдер slick.js с 5 слайдами в один ряд?
Как должно выглядеть:
https://ibb.co/1MCFTq3
Я использую классы, чтобы добавлять классы к двум последним боковым слайдам. Что эти слайды будут меньше..
Использован CSS: Transform: Scale
Мой код Js:

Код: Выделить всё

on( 'afterChange', function( event, slick, currentSlide ) {

$( '.slick-slide' ).removeClass( 'side-smaller-left side-smaller-right' );

var parent = $( '.our_certificates_carousel' );
parent.find( '.slick-active' ).eq( 0 ).addClass( 'side-smaller-left' );
parent.find( '.slick-active' ).eq( parent.find( '.slick-active' ).length - 1 ).addClass( 'side-smaller-right' );
} ).on( 'beforeChange', function( event, slick, currentSlide ) {
// Remove the class from all slides
$( '.slick-slide' ).removeClass( ' ' );
var parent = $( '.our_certificates_carousel' );

parent.find( '.slick-active' ).eq( parent.find( '.slick-active' ).length - 1 ).addClass( 'side-smaller-right' );
} )

но по-прежнему не работает должным образом. Не понимаю почему.
Мне нужен плавный рабочий слайдер

Подробнее здесь: https://stackoverflow.com/questions/790 ... des-in-row