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 {
    justify-content: space-between;

}
.photo_item {
  width: 150px;
  height: 150px;
}
.photo_item1 {
  width: 100px;
  height: 300px;
}
.photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit:cover;
}