Как сделать контент всегда ровным по вертикали?

Question

[Анастасия]

У меня сайт состоит из секций, а каждая секция имеет два одинаковых блока. В одном блоке всегда есть div с изображением, а в другом div с текстом. Изображение может быть разных размеров - как и меньше соседнего div с текстом, так и больше.
Как сделать так, чтобы контент в этих блоках был всегда центрирован по вертикали?

<section>
            <div class="container">
                <div class="wrapper">
                    <div class="col">
                        <div class="image">
                            <img src="/img/png">
                        </div>
                    </div>
                    <div class="col">
                        <div class="content">
                            <p>Lorem Ipsum</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

Comments

[Павел]

Контейнеру display:flex, и align-items: center;