JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<img src="http://golovinskiy.mos.ru/upload/resize_cache/iblock/d00/80_80_2/attraktsiony.jpg">
<div class="indicator"></div>
</div>

CSS

img {
  
}

.wrapper img, .indicator {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 80px;
  border: 4px solid rgba(0,0,0,0);
}

.wrapper {
  position:relative;
}
.indicator {
  border-top: 4px solid blue;
  border-bottom: 4px solid rgba(0,0,0,0.3);
  border-left: 4px solid rgba(0,0,0,0.3);
  border-right: 4px solid rgba(0,0,0,0.3);
  width: 80px;
  height: 80px;
  animation: rotation 5s infinite linear;
}

@keyframes rotation {
   from {transform:rotate(0deg);}
   to {transform:rotate(360deg);}
  }