Bootstrap4 CARD Карусель с использованием гладкого .js

Мне пришлось создать карусель карточек с помощью slick.js и bootstrap4. он должен был быть карусельным в отзывчивом представлении и не быть гладким на рабочем столе. Я могу реализовать гладко, но строки и столбцы начальной загрузки не работают как принято.

Ползунок работает, но столбец карточек размещается один под другим путем переопределения начальной загрузки css. Я хочу, чтобы каждая карточка сдвигалась по одной. Например: slideToShow: 1,5 справа

Мне пришлось создать карусель карточек с помощью slick.js и bootstrap4. он должен был быть карусельным в отзывчивом представлении и не быть гладким на рабочем столе. Я могу реализовать гладко, но строки и столбцы начальной загрузки не работают как принято.

Также я хочу, чтобы все карточки были видны в режиме рабочего стола без карусели, которая работает не так, как ожидалось. Ссылка Codepen ниже

PS: Карусель работает со ссылкой cdn, но если мы используем ее через модули узлов, она работает не так, как ожидалось

Требования похожи на https://www.fitbit.com/sponsored-events (2-й раздел на страницах)