JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photo">
        <div class="photo_column">
            <div class="photo_item">
                <img src="https://i.imgflip.com/2/wokw0.jpg">
            </div>
            <div class="photo_item">
                <img src="https://i.imgflip.com/2/wokw0.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item">
                <img src="https://i.imgflip.com/2/wokw0.jpg">
            </div>
            <div class="photo_item">
                <img src="https://i.imgflip.com/2/wokw0.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item1">
                <img src="https://healthyhome.lv/wp-content/uploads/2018/11/1334405665_38972538868642_10-150x300.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item">
                <img src="https://i.imgflip.com/2/wokw0.jpg">
            </div>
            <div class="photo_item">
                <img src="https://i.imgflip.com/2/wokw0.jpg">
            </div>
        </div>
    </div>

CSS

.photo {
    display: flex;


}

.photo_column {
    justify-content: space-between;

}

img {
    display: block;
    max-width: 100%;
}