JSFiddle - React, Tailwind, and code Playground

HTML

<div id="circles">
    <img src="http://www.placehold.it/50x50" >
    <img src="http://www.placehold.it/50x50" >
    <img src="http://www.placehold.it/50x50" >
    <img src="http://www.placehold.it/50x50" >
</div>

CSS

#circles {
    position: absolute;
    //top: 600px;
    width: 200px;
    left: 50%;
    margin-left: -25%;
}

#circles img {
   display: block;
    float: left;
    border-radius: 100%;
}