JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map">
  <div class="icon green"></div>
  <div class="icon pink"></div>
</div>

CSS

#map {
  width: 999px;
  height: 500px;
  background: url(https://upload.wikimedia.org/wikipedia/commons/8/8b/Global_distribution_of_Wikipedia_edits_-_Bubble_map_for_English.png) no-repeat;
  position: relative;
}

.icon {
  position: absolute;
  width: 20px; height: 20px;
  outline: dotted 2px white;
}
.green {
  background: #7f7;
  left: 200px; top: 200px;
}
.pink {
  background: #f77;
  left: 400px; top: 100px;
}
#map.shifted {
  margin: 100px 0 0 200px;
}

JavaScript

setInterval(function(){
  var map = document.querySelector('#map')
	map.className = map.className ? '' : 'shifted'
}, 3000)