JSFiddle - React, Tailwind, and code Playground

by m v

HTML

<div id="first">
    <img src="http://placehold.it/120x120"/>
</div>

<div id="second">
    <img src="http://placehold.it/120x120"/>
</div>

CSS

#first {
    text-align: center;
}
#first img{
    border-radius:50%;
    width:150px;
    height:150px;
}
#second img{
    margin: 0 auto;
    border-radius:50%;
    width:150px;
    height:150px;
}