JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position:relative;">
   <img class="image" src="http://zarubezhom.com/Images/Jewish-Radhanites-Torgovy-puti-870goda.jpg">
   <span class="metka m2"></span>   <span class="metka m1"></span>
</div>

CSS

.image{
   width: 100%;
   height: auto;
}
.metka{
  width: 2.5%;
  position:absolute;
  border-radius: 5px;
  height: 5%;
    display: inline-block;
}

.m1{
  left: 2.5%;
  top: 10%;
   background: orange;
}

.m2{
  left: 5%;
  top: 20%;
   background: green;
}