JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="stack">
      <div class="test">
        <img src="https://placehold.it/200x200/E8117F/FFFFFF"/> 
        <!--Wrapping in a div works-->
      </div>

      <img src="https://placehold.it/200x200/E8117F/FFFFFF"/>
      <img src="https://placehold.it/200x200/E8117F/FFFFFF"/>
      <img src="https://placehold.it/200x200/E8117F/FFFFFF"/>
      <img src="https://placehold.it/200x200/E8117F/FFFFFF"/>
      <img src="https://placehold.it/200x200/E8117F/FFFFFF"/>
    </div>
</body>

CSS

.stack {
  display:flex;
  max-width:600px;
  align-items:center; /* this does not cause image tags to resize */
}
.stack img {
   min-height:0;
   min-width:0;
   height:auto;
   align-self:center;
}
.test img {
  width:100%;
}