JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<div class="center">
  <div><img src="https://thumbs.static-thomann.de/thumb/thumb120x/pics/prod/105769.jpg"></div>
</div>

CSS

.center {
  height: 60px;
  width: 60px;
  text-align: center;
  display: inline-block;
  border: 1px solid grey;
}

.center > div {
  height: 60px;
}

.center img {
  max-width: 100%;
  max-height: 100%;
}