JSFiddle - React, Tailwind, and code Playground

HTML

<div class="owl-controls">
  <div class="owl-page" data-image="http://placehold.jp/ffa/ffffff/150x150.png?text=%20"></div>
  <div class="owl-page" data-image="http://placehold.jp/faf/ffffff/150x150.png?text=%20"></div>
  <div class="owl-page" data-image="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: attr(data-image url);
}