JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <a href="http://yandex.ru" style="top: 72px; right: 496px; bottom: 208px; left: 56px;"></a>
  <a href="http://rambler.ru" style="top: 72px; right: 458px; bottom: 192px; left: 108px;"></a>
  <a href="http://rambler.ru" style="top: 72px; right: 428px; bottom: 192px; left: 142px;"></a>
</div>

CSS

div {
  background-image: url('https://hsto.org/webt/5c/0a/5b/5c0a5b898ae9b869139183.jpeg');
  background-size: 100% 100%;
  width: 600px;
  height: 316px;
  position: relative;
}

a {
  position: absolute;
  opacity: .5;
}

a:hover {
  background-color: green;
}