How to remove padding from blocks between images?

Question

css

Tried overflow:hidden; font-size:0; But the reactions are 0, or I went crazy and inserted into the wrong class.
Question photo: https://drive.google.com/open?id=17IbNe1PwPDF9U-vF...

<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>

.photo {
    display: flex;
}

.photo_column {
    justify-content: space-between;
}

img {
    max-width: 100%;
}

Answer 1

display:block images