JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<div class="compare">
  <img src="https://via.placeholder.com/350x150">
  <img src="https://via.placeholder.com/350x150/fff000/ffffff">
</div>

CSS

.compare {
  display: flex;
}

JavaScript

$('.compare').materialbox();