JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="float-div"><img src="http://www.gravatar.com/avatar/0129d12d98c81e1ad81358fd4f53cacf?s=48&d=monsterid&r=g" />
    </div>
</div>

CSS

.float-div {
  width:48px;
  height:48px;
   border-radius:10px;
      border:2px solid #000000;
    overflow:hidden;
}

.float-div img {
      border-radius:10px; 
}