[slickサンプル] 右だけチラ見えしているスライダー

<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,
});