JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/noelboss/featherlight/master/src/featherlight.css">
<script src="https://rawgit.com/noelboss/featherlight/master/src/featherlight.js"></script>
<link rel="stylesheet" href="https://rawgit.com/noelboss/featherlight/master/src/featherlight.gallery.css">
<script src="https://rawgit.com/noelboss/featherlight/master/src/featherlight.gallery.js"></script>
<h3>Gallery</h3>
<div data-featherlight-gallery data-featherlight-filter="a" data-featherlight-other-close="img">
  <a href="https://www.projectrac.com/projdata/1839/forms/358/1527777489-File1-46E4EE75-57D2-4BD9-9908-B6542ACF738F.jpeg"><img src="https://www.projectrac.com/projdata/1839/forms/358/1527777489-File1-46E4EE75-57D2-4BD9-9908-B6542ACF738F.jpeg" /></a>
  <a href="http://farm5.staticflickr.com/4005/4400559493_3403152632_o.jpg"><img src="http://farm5.staticflickr.com/4005/4400559493_f652202d1b_q.jpg" /></a>
  <a href="http://farm1.staticflickr.com/174/396673914_be9d1312b1_o.jpg"><img src="http://farm1.staticflickr.com/174/396673914_be9d1312b1_q.jpg" /></a>
</div>

CSS

[data-featherlight-gallery] a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.featherlight, .featherlight img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}