JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrapper'>
  <img src="https://habrastorage.org/files/b53/bf2/6c9/b53bf26c921443f0a2fca04af7d4ab61.png" alt="">
</div>
<div class='wrapper'>
  <img src="https://habrastorage.org/files/b53/bf2/6c9/b53bf26c921443f0a2fca04af7d4ab61.png" alt="">
</div>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
body {
  font-size: 0;
  white-space: nowrap;
}
.wrapper {
  font-size: 1rem;
  display: inline-block;
  width: 50%;
  max-height: 300px;
}