JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <svg viewBox="-4 -4 8 8" class="bg">
    <circle r="4" />
  </svg>
  <section>Test</section>
</div

CSS

div {
  width: 4em;
}

.bg {
  position: absolute;
  top: 0;
  width: 8em;
  height: 8em;
  z-index: -100;
}

section {
  outline: 1px dotted red;
  width: 8em;
  height: 8em;
  background: url(#bg);
  color: #fff;
  text-align: center;
}