JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle1"></div>

CSS

.circle1 {
    position:absolute; top:50px; left:50px;
    width: 0px; height: 0px;
    border:1px solid red;
    padding:20px;
    border-radius:50%;
}

JavaScript

$(document).ready(function(){
    setInterval(function(){
        $(".circle1").animate({top:"0", left:"0", width:"100px", height:"100px", opacity: 0}, 200);
        setTimeout(function(){
              $(".circle1").animate({top:"50px", left:"50px", width:"0", height:"0", opacity: 1}, 200);
        },250);
    },500);
});