JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<img src="https://picsum.photos/id/237/200/300" alt="">


<img src="https://picsum.photos/id/237/200/300" alt="" class="resized">


<img src="https://picsum.photos/id/237/200/300" alt="" class="objectFit">

CSS

.resized {
  width: 100px;
  height: 100px;
}

.objectFit {
    width: 100px;
  height: 100px;
  object-fit: cover;
  background-position: top;
}