<div class="slider" id="js-slick">
<div class="slide"><img src="https://placehold.jp/1000x300.png?text=1" alt=""></div>
<div class="slide"><img src="https://placehold.jp/1000x300.png?text=2" alt=""></div>
<div class="slide"><img src="https://placehold.jp/1000x300.png?text=3" alt=""></div>
<div class="slide"><img src="https://placehold.jp/1000x300.png?text=4" alt=""></div>
<div class="slide"><img src="https://placehold.jp/1000x300.png?text=5" alt=""></div>
</div>
.slick-list{
padding-right: 50px;
}
.slick-slide{
margin-right: 20px;
}
$('#js-slick').slick({
autoplay: true,
autoplaySpeed: 3000,
infinite: true,
});