JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>
  <a href="#1">Dave</a>
</li>
<li>
  <a href="#2">barry</a>
</li>
<li>
  <a href="#3">frenk</a>
</li>
</ul>

SCSS

ul {
  background: transparent url(https://i.stack.imgur.com/HEzZR.png) center center;
  height: 300px;
  position: relative;
  li {
    position: absolute;
    list-style: none;
    &:nth-child(1){top:10px; left:50px;}
    &:nth-child(2){top:100px; left:33px;}
    &:nth-child(3){top:60px; left:290px;}
    a {
      display: inline-block;
      height: 30px;
      width: 20px;
      text-indent: -9999px;
      background-color:red;
    }
  }
}