JSFiddle - React, Tailwind, and code Playground

HTML

<div class="korona black">
  <span class="text">Сергей Якунин</span>
  <div class="bg">
    <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
  </div>
</div>

<div class="korona yellow">
  <span class="text">Royal crown orchestra</span>
  <div class="bg">
    <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
  </div>
</div>

<div class="korona red">
  <span class="text">Дотянулся, проклятый</span>
  <div class="bg">
    <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
  </div>
</div>

CSS

.korona {
    position: relative;
    display: inline-block;
    padding: .75em 1em .5em 1em;
    color: #fff;
    min-height: 16px;
  }
  .korona.black, .korona.blue, .korona.red {
    color: #fff;
  }
  .korona.white, .korona.yellow {
    color: #000;
  }
  .korona .text {
    position: relative;
    z-index: 1;
  }
  .korona .bg {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 0;
  }
  .korona .bg i {
    background: url(http://yakunins.com/lj/teeth.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 600px;
    position: relative;
    vertical-align: top;
  }
  .korona.black {
  }
  .korona.black .bg i {
    background-position: -3px 0;
    width: 10px;
  }
  .korona.white .bg i {
    background-position: -16px 0;
  }
  .korona.red .bg i {
    background-position: -32px 0;
  }
  .korona.blue .bg i {
    background-position: -48px 0;
  }
  .korona.yellow .bg i {
    background-position: -64px 0;
  }