JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a"><img alt="image1"><span class="badge badge-pill badge-danger">5</span></div>
<div class="b"><img alt="image2"><span class="badge badge-pill badge-danger">5</span></div>

CSS

img {
  position: absolute;
  top: 10px;
  left: 10px;
}

div {
  margin: auto;
  width: 100px;
  height: 100px;
}

.a {
  position: static;
  background-color: #cff;
}

.b {
  position: relative;
  background-color: #ffc;
}