JSFiddle - React, Tailwind, and code Playground

HTML

<div class="owl-controls">
  <div class="owl-page" style="--background: url(http://placehold.jp/ffa/ffffff/150x150.png?text=%20)"></div>
  <div class="owl-page" style="--background: url(http://placehold.jp/faf/ffffff/150x150.png?text=%20)"></div>
  <div class="owl-page" style="--background: url(http://placehold.jp/faa/ffffff/150x150.png?text=%20)"></div>
</div>

CSS

.owl-controls {
  display: flex;
}

.owl-page {
  flex: 1;
  height: 50vh;
  background-size: 100px 100px;
  background-position: center;
  background-image: var(--background);
}