JSFiddle - React, Tailwind, and code Playground

HTML

<div class="prices">
  <div class="price" currency="usd">
    <div class="retail">
      $54.99
    </div>
    <div class="ours">
      $36.90
    </div>
    <div class="savings">
      $18.09
    </div>
  </div>
  <div class="price" currency="gbp">
    <div class="retail">
      &pound;35.16
    </div>
    <div class="ours">
      &pound;23.59
    </div>
    <div class="savings">
      &pound;11.57
    </div>
  </div>
  <div class="price" currency="cad">
    <div class="retail">
      $58.75
    </div>
    <div class="ours">
      $39.42
    </div>
    <div class="savings">
      $19.33
    </div>
  </div>
  <div class="price" currency="aud">
    <div class="retail">
      $63.21
    </div>
    <div class="ours">
      $42.41
    </div>
    <div class="savings">
      $20.79
    </div>
  </div>
</div>

CSS

.price[currency]:before {
  content: '';
  display: inline-block;
  width: 27px;
  height: 17px;
  background-image: url('http://stuffs.gatherage.com/sprites-s7c9f1c5fdc.png');
}
.price[currency='usd']:before { background-position: 0 -242px; }
.price[currency='gbp']:before { background-position: 0 -315px; }
.price[currency='cad']:before { background-position: 0 -264px; }
.price[currency='aud']:before { background-position: 0 -220px; }