JSFiddle - React, Tailwind, and code Playground

HTML

<div class="map rel">
<div class="dot abs">
</div>
</div>

CSS

.map{
  width: 500px;
  height: 500px;
  background-color: blue;
}

.dot{
  width: 20px;
  height: 20px;
  background-color: red;
  left: 20%;
  top: 20%;
}

.rel{
  position: relative;
}

.abs{
  position: absolute;
  top: 8px;
  left: 8px;
}