JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <a href="#red" class="left"></a>
  <a href="#blue" class="right"></a>
</div>

CSS

div {
  background: url('https://2ch.hk/pr/src/1128733/15174186117200.png') center center no-repeat;
  width: 600px;
  height: 450px;
  position: relative;
}

a {
  display:block; 
  width: 50px;
  height: 50px;
  position: absolute;
  top: 295px;
  left: 275px;
  border-radius:100%;
  border:3px solid transparent;
}
a:hover {
  border-color: red;
}

a.left {
  margin-left: -140px;
}
a.right {
  margin-left: 125px;
}