JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photo">
        <div class="photo_column">
            <div class="photo_item">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
            <div class="photo_item">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
            <div class="photo_item">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item1">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
            <div class="photo_item">
                <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">
            </div>
        </div>
    </div>
    
    <p>Оригинальная картинка</p>
        <img src="https://s1.1zoom.ru/b5445/Austria_Vienna_Evening_Houses_Street_Street_lights_537857_200x300.jpg">

CSS

.photo {
  display: flex;
}

.photo_column {
  width: 25%;
  justify-content: space-between;
}

.photo_item {
  height: 150px;
}

.photo_item1 {
  height: 300px;
}

.photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}