JSFiddle - React, Tailwind, and code Playground

HTML

<div id="apDiv1" class="box"><p><img src="http://4.bp.blogspot.com/_UkDBPY_EcP4/TUr43iCI-FI/AAAAAAAADR0/o9rAgCt9d-U/s1600/1242796868203109724Number_1_in_green_rounded_square_svg_med.png"  width="200" height="115" id="img-1"/></p></div>
<div id="apDiv2" class="box"><p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRZv4hqGcyV6OqP0hI3uAiQVwHHgPuqcTl2NppFRyvbxXLVokbs"  width="200" height="115" id="img-2"/></p></div>
<div id="apDiv3" class="box"><p><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQaplzZIaF-uTQKnvfK9N9i-Rg27F6aHtSchQZaGR-DITgO1bDwzA"  width="200" height="115" id="img-3"/></p></div>
<div id="apDiv4" class="box"><p><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQjTbe5WfEnT840gIChKfbzlVnoPPoZsyrT4zjMReym9YpsRdOFvA"  width="200" height="115" id="img-4"/></p></div>
<div id="apDiv5" class="box"><p><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRWtiMAcxGe-RQw2gRwUUiyB5aRTMeVMG5LSCPF0Qpzes-USpgyTw"  width="200" height="115" id="img-5"/></p></div>
<div id="apDiv6" class="box"><p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTXDhOygDcNsNVsv0eIXLYdBx4C-tmedIRhFfxGlCoCfNy04YU_"  width="200" height="115" id="img-6"/></p></div>
<div id="apCenterDiv"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcR42cgsKsYMWey79jT0XsTkMOyxc9oej9fVt-udxQvnVFOadpPQ"  width="200" height="115" /></div>

CSS

#apCenterDiv {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 571px;
	top: 209px;
}
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 570px;
	top: 4px;
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 821px;
	top: 134px;
}
#apDiv3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:4;
	left: 822px;
	top: 328px;
}
#apDiv4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
	left: 572px;
	top: 385px;
}
#apDiv5 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:6;
	left: 319px;
	top: 329px;
}
#apDiv6 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:7;
	left: 319px;
	top: 135px;
}

JavaScript

$(document).ready(function(e) {
    var angles = [90, 45, 315, 270, 225, 135];
    var unit = 215;
    
    var animate = function(){
        
        $.each($('.box'), function(idx, val){
           
            var rad = angles[idx] * (Math.PI / 180);
            $(val).css({
                left: 550 + Math.cos(rad) * unit + 'px',
                top: unit * (1 - Math.sin(rad))  + 'px'
            });
            
            angles[idx]--;
        });
        
    }
    var timer = setInterval(animate, 10);

});