Расположение картинок как на изображении по типу masonry

У меня есть картинки, завернутые в контейнер. И мне нужно расположить так, как показано на вложенном в вопросе изображении. Это что-то типа mansory. Сам плагин использовать запрещается. Пробовал множества вариантов и Интернета, но безуспешно. Есть у кого какие идеи? Может у кого есть подобная верстка? Помогите пожалуйста! Буду очень признателен. Спасибо.

html:

<div class="photogallery">
                <img src="img1.jpg">
                <img src="img2.jpg">
                <img src="img3.jpg">
                <img src="img4.jpg">
                <img src="img5.jpg">
                <img src="img6.jpg">
                <img src="img7.jpg">
                <img src="img8.jpg">
 </div>

css:

.photogallery {
    display: flex;
    flex-flow: column wrap;
}

.photogallery img {
    width: 100%;
}