Попытка добавить гладкую карусель в моем приложении gulp.js

Question

Я пытаюсь добавить карусель в мое приложение gulp. Слайд работает очень хорошо, но я думаю, что CSS-файлы плагина не применимы к моему выводу. Изображения перекрываются друг с другом. Нужно ли устанавливать пакеты slick-carousel npm для gulp? Или это можно сделать вручную, как при обычной установке?

Вот мои теги:

<link rel="stylesheet" href="dist/styles.css">
<link rel="stylesheet" href="dist/slick-theme.css">
<link rel="stylesheet" href="dist/slick.css">   
<script src="js/jquery.v3.4.1.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/controller.js"></script>

В файле controller.js я ввел свои функции JS.

$(document).ready(function(){
$("#main-feature").slick({
    autoplay: true,
    infinite: true,
    speed: 500,
    dots: false,
    arrows: false,
   });
});