JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>
<div class="slider-wr">
  <div class="slider">
    <div><a data-fancybox="" href="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg"><img src="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg" alt=""></a></div>
    <div><a data-fancybox="" href="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg"><img src="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg" alt=""></a></div>
    <div><a data-fancybox="" href="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg"><img src="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg" alt=""></a></div>
    <div><a data-fancybox="" href="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg"><img src="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg" alt=""></a></div>
    <div><a data-fancybox="" href="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg"><img src="http://stories-and-trends.gettyimages.netdna-cdn.com/wp-content/uploads/2015/09/GettyImages-516422197.jpg" alt=""></a></div>
  </div>
</div>

CSS

.slider-wr {width: 500px;}
img {max-width: 100%;}

JavaScript

$('.slider').slick();