JSFiddle - React, Tailwind, and code Playground

by Van Hai Le

HTML

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

CSS

.img-container {
  height: 200px;
  width: 200px;
  object-fit: cover;
  background: #eee;
  object-position: 50% 50%;
}

img {

}