JSFiddle - React, Tailwind, and code Playground

HTML

<div class="avatar">
    <img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/No_avatar.png" alt="avatar"/>
</div>

CSS

.avatar {
    background:#ccc;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:100px;
    height:100px;
    overflow:hidden;
    text-align:center;
}

.avatar img {
    width:100%;
    height:auto;
}