JSFiddle - React, Tailwind, and code Playground

HTML

This is ok:<br>
<div class="wrapper"><img src="https://audiophilesoft.ru/ASIO4ALL/asio4all.png" alt=""></div><br>

This is also ok:<br>
<div class="wrapper"><img src="https://audiophilesoft.ru/design/icons/go.png" alt=""></div>

CSS

.wrapper {
  background: yellowgreen;
  max-width: 8em;
  max-height: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: calc(1em / 12) solid black;
  border-radius: calc(11em / 12);
}