JSFiddle - React, Tailwind, and code Playground

by kmouse

HTML

<div class="avatar">
    <img src="https://thumbs.dreamstime.com/b/cute-monster-face-square-avatar-vector-stock-cute-monster-face-square-avatar-114650081.jpg">
</div>

CSS

div.avatar {
  width: 128px;
  height: 128px;
  border-style: solid;
  border-radius: 200px;
  border-width: 4px;
  border-color: black;
  overflow: hidden;
}

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