Высота изображения Bootstrap 5 превышает текстовый столбец рядом с ним ⇐ CSS

[Anonymous]

У меня есть 2 столбца: в одном текст, а в другом изображение.
Вот код:

Код: Выделить всё

.col-4,
.col-8{
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}

img{
max-height: 100%;
}





Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae fugiat vitae illum quas at reprehenderit accusantium itaque voluptates tenetur. Voluptatibus perspiciatis mollitia repellat quod, tempore exercitationem totam magni dolor ab!
Eius vitae nobis obcaecati, labore rem ad sapiente necessitatibus quos praesentium similique iste libero cumque reprehenderit totam beatae corrupti illum. Quis, culpa. Quo quasi corporis eum nemo cupiditate impedit dignissimos.
Rem, beatae quasi dicta explicabo illo veniam dolore optio porro amet, minima facilis harum quod, quae atque repellat eos tempora labore voluptatum. A consectetur itaque nostrum laboriosam, animi quaerat autem!
Perspiciatis hic nisi qui, in illo, distinctio iure possimus perferendis non tempore deleniti, optio sint et delectus quas libero facilis quo vero consectetur eligendi tenetur reiciendis obcaecati. Rerum, dolorem deserunt.
Maxime recusandae, cum earum culpa ipsum in, necessitatibus quasi similique enim dicta, voluptate neque. Iusto officiis culpa illum, nobis reprehenderit numquam aliquid, cupiditate impedit totam veritatis inventore nesciunt at accusantium!
Nam nulla perspiciatis beatae fugiat facere? Voluptatibus suscipit obcaecati, quisquam soluta quam amet explicabo facilis nesciunt laudantium perspiciatis assumenda tempora dolores odit eos dignissimos id rem vero repellat beatae molestiae?
Numquam, dignissimos. Tempora tempore similique dolore illo error necessitatibus qui veniam incidunt sapiente soluta, quas reprehenderit! Dolor quidem similique, magni porro laborum error voluptatum facere reprehenderit eligendi aut qui temporibus?
Ab, doloribus nihil! Omnis, odio provident dolore itaque veritatis minus obcaecati reiciendis, laudantium magnam exercitationem sapiente. Iusto unde, commodi sint recusandae ipsa, assumenda sapiente omnis maiores id voluptatum eius accusantium?
Doloremque neque dolorum commodi iure consequuntur molestiae vel sint a quaerat, inventore sequi repellat cupiditate eius molestias ratione labore architecto aspernatur officiis ducimus. Sapiente id harum illum corrupti voluptatum sint?
Tenetur dolores pariatur, amet minus suscipit, omnis asperiores fuga molestias dolorum sunt placeat dicta? Unde doloremque mollitia eligendi omnis aperiam vitae corrupti officiis, architecto magni eius nemo earum illum modi.

[img]https://placehold.co/960x1280[/img]

Вот скрипт для тестирования: https://jsfiddle.net/ n0bdqm14/1/
Высота изображения превышает высоту текста в соседнем столбце. Можно ли сделать оба столбца одинаковой высоты, не устанавливая статическую высоту?
Желаемый результат:
[img]https://i.sstatic .net/YXS3rdx7.jpg[/img]


Подробнее здесь: https://stackoverflow.com/questions/786 ... next-to-it