JSFiddle - React, Tailwind, and code Playground

HTML

<div>

  <img src="https://scontent.frix2-1.fna.fbcdn.net/v/t1.0-9/32313834_220906261834165_1888324664229363712_n.jpg?_nc_cat=103&_nc_sid=85a577&_nc_ohc=R8PK7FcSWz4AX8nVeV_&_nc_ht=scontent.frix2-1.fna&oh=f741afe6b6966c7f6b6f61f12309bd4a&oe=5ECA5DAA">

  <button id='left'>

  </button>

  <button id='right'>

  </button>

</div>

CSS

div {
  position: relative;
  display: inline-block;
}

button {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: blue;
}

button#left {
  top: 79%;
  left: 47%;
}

button#right {
  top: 78%;
  left: 71%;
}

JavaScript

left.onclick = () => alert('click left')

right.onclick = () => alert('click right')