Как выровнять колонки по вертикали?

Имеется следующий код

<div class="row">
                <div class="review-wrap d-flex">
                    <div class="col-lg-4">
                        <h3 class="review__title">Раздвижные электрические шторы</h3>   
                        <a href="#">
                            <img class="review__img" src="img/review/review-1.jpg" alt="Раздвижные электрические шторы">
                        </a>
                        <p class="riview__text">Самые популярные изделия для которых характерно передвижение в горизонтальном направлении. Выглядят изящно, модно и способны прослужить более 10 лет</p>
                    </div>
                    <div class="col-lg-4">
                        <h3 class="review__title">Шторы плиссе</h3> 
                        <a href="#">
                            <img class="review__img" src="img/review/review-2.jpg" alt="Шторы плиссе">
                        </a>
                        <p class="riview__text">Самые популярные изделия для которых характерно передвижение в горизонтальном направлении. Выглядят изящно, модно и способны прослужить более 10 лет</p>
                    </div>
                    <div class="col-lg-4">
                        <h3 class="review__title">Японские шторы</h3>   
                        <a href="#">
                            <img class="review__img" src="img/review/review-3.jpg" alt="Раздвижные электрические шторы">
                        </a>
                        <p class="riview__text">Самые популярные изделия для которых характерно передвижение в горизонтальном направлении. Выглядят изящно, модно и способны прослужить более 10 лет</p>
                    </div>
                    <div class="col-lg-4">
                        <h3 class="review__title">Раздвижные
                        электрические шторы</h3>    
                        <a href="#">
                            <img class="review__img" src="img/review/review-4.jpg" alt="Раздвижные электрические шторы">
                        </a>
                        <p class="riview__text">Самые популярные изделия для которых характерно передвижение в горизонтальном направлении. Выглядят изящно, модно и способны прослужить более 10 лет</p>
                    </div>
                    <div class="col-lg-4">
                        <h3 class="review__title">Шторы плиссе</h3> 
                        <a href="#">
                            <img class="review__img" src="img/review/review-5.jpg" alt="Раздвижные электрические шторы">
                        </a>
                        <p class="riview__text">Самые популярные изделия для которых характерно передвижение в горизонтальном направлении. Выглядят изящно, модно и способны прослужить более 10 лет</p>
                    </div>
                    <div class="col-lg-4">
                        <h3 class="review__title">Японские шторы</h3>   
                        <a href="#">
                            <img class="review__img" src="img/review/review-6.jpg" alt="Раздвижные электрические шторы">
                        </a>
                        <p class="riview__text">Самые популярные изделия для которых характерно передвижение в горизонтальном направлении. Выглядят изящно, модно и способны прослужить более 10 лет</p>
                    </div>
                </div>
            </div>

И css

.review__title{
    max-width: 225px;
    padding: 22px 0;
    text-align: center;
    line-height: 1.2;
    margin: 0 auto;
}
.review-wrap{
    flex-wrap: wrap;
    align-items: center;
}

Вопрос как мне выровнять теперь контент по вертикали при переносе строки колонки сезжают вниз