スライダー作成

    <div id="slick-slide" class="section-top__main-image">
     <div><img src="assets/images/services/enamel_side_fix.jpg" alt="エナメル"></div>
     <div><img src="assets/images/services/skyblue_side_fix.jpg" alt="ブルー"></div>
     <div><img src="assets/images/services/leather_side_fix.jpg" alt="レザー"></div>
     <div><img src="assets/images/services/orange_side_fix.jpg" alt="オレンジ"></div>
   </div>

これが基本形（html）スライダーで表示したい画像を入れておく

<div id="slick-slide" class="section-top__main-image">　←大きいdivの中に

<div>写真</div> →　divの中に写真を入れておく




</div>

slick - the last carousel you'll ever need

ここにスライダーのjsが入っている

    $('#slick-slide').slick({
       autoplay: true,
       autoplaySpeed: 2000,
       dots: true,
       arrows: false
   });

これとかjsに読み込めばおk