JSFiddle - React, Tailwind, and code Playground

HTML

<div class="avatar"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/soffes/128.jpg" /></div>

CSS

.avatar img
{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: solid 3px #65C178;
border-width: 4px;
    border-top-color:#ff00ff;
    border-bottom-color:#0000ff;
    border-left-color:#00ff00;
    border-right-color:#000;
}