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;
}

JavaScript

const list = document.getElementsByClassName("owl-page");

for (const e of list) {
  e.style.backgroundImage = `url(${e.dataset.image})`;
}