JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">

  <div class="col-lg-12">

    <div class="content-box">

      <div class="row">

        <div class="col-lg-12">

          <a href="">

            <img src="/img/Set1.png" alt="">

            <div class="top">1.5</div>
            
          </a>

        </div>

      </div>

    </div>

  </div>

</div>

CSS

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "MyriadPro";
  font-size: 14px;
}

a {
  display: block;
  float: left;
  margin: 0 1px;
  width: calc((100% / 4) - 2px);
  height: 140px;
  text-decoration: none;
}

.top {
  font-size: 40px;
  font-weight: bold;
  background-color: #ccc;
}