JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photo">
        <div class="photo_column">
            <div class="photo_item">
                <img src="assets/images/g8.ycDsj.jpg">
            </div>
            <div class="photo_item">
                <img src="assets/images/16800.Ks5FY.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item">
                <img src="assets/images/doublegr.ywuEr.jpg">
            </div>
            <div class="photo_item">
                <img src="assets/images/otzh.5c9Wx.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item1">
                <img src="assets/images/heart.1Jzuz.jpg">
            </div>
        </div>
        <div class="photo_column">
            <div class="photo_item">
                <img src="assets/images/screenshot_302.t5eZm.png">
            </div>
            <div class="photo_item">
                <img src="assets/images/axun-30.8I11w.jpg">
            </div>
        </div>
    </div>

CSS

.photo {
    display: flex;


}

.photo_column {
    justify-content: space-between;

}

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