JSFiddle - React, Tailwind, and code Playground

HTML

<p>Произвольные размеры данной картинки 1024 x 640 точек.</p>

<div class="Block">
  <div class="myBlock">
    <img src="http://savepic.net/10196499.jpg">
  </div>
  <div class="myBlock">
    <img src="http://savepic.net/10196499.jpg">
  </div>
  <div class="myBlock">
    <img src="http://savepic.net/10196499.jpg">
  </div>
  <div class="myBlock">
    <img src="http://savepic.net/10196499.jpg">
  </div>
  <div class="myBlock">
    <img src="http://savepic.net/10196499.jpg">
  </div>
</div>

CSS

.Block {
  display: flex;
}

.myBlock {
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 4px;
  border: 2px solid #ff0000;
  margin: 3px;
  border-radius: 5px;
  background: #fff;
}

.myBlock img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}