JSFiddle - React, Tailwind, and code Playground

HTML

<div id=container>
<div id="gallery">
<img src="http://neos.anekitalia.com/wp-content/uploads/media/mappa-lefkada.png" alt="Lefkada" width="320" height="500" border="0" usemap="#Map">
</div>
<div id="location-html"><span>Genion</span></div>
</div>

CSS

#location-html {
  position: absolute;
  top: 260px;
  left: 250px;
  color: #000;
  cursor: pointer;
  z-index: 9999;
  font-size: 12px;
  font-weight: 700;
  font-family: "Open Sans",sans-serif;
}
#location-html span:before {
  height:10px;
  width:10px;
  display:inline-block;
  background-color:#b01817;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  content: "";
  }