JSFiddle - React, Tailwind, and code Playground

by Van Hai Le

HTML

<div class="img-container">
  <img src="https://images.unsplash.com/photo-1550496102-51a20afd0264?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=100&h=100&fit=crop&ixid=eyJhcHBfaWQiOjF9">
</div>

CSS

.img-container {
  height: 200px;
  width: 200px;
  overflow: hidden;
  border-radius: 50%;
}

img {
  height: 100%;
}