Измените размер изображения, чтобы оно поместилось в контейнер ⇐ CSS

[Anonymous]

На странице ниже описано, как разместить изображение в левом столбце. В идеале изображение должно иметь размер 50vw и высоту 100vh. Код ниже выталкивает изображения из первого столбца и занимает всю страницу.

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

.column-left{
width: 40%; float:left; padding:20px;margin:20px; box-sizing: border-box;
}

.column-right{
width: 40%; float:right; padding:20px;margin:20px; box-sizing: border-box;
}

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

Lorem ipsum dolor sit amet consectetur
[img]https://plus.unsplash.com/premium_photo-1675237625862-d982e7f44696?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D[/img]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam vero et fugit quidem. Voluptatum porro
sapiente praesentium doloribus aliquam. Ad dolores cumque dignissimos minus animi, blanditiis dolorem error
nulla enim.            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam vero et fugit quidem. Voluptatum porro
sapiente praesentium doloribus aliquam. Ad dolores cumque dignissimos minus animi, blanditiis dolorem error
nulla enim.            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam vero et fugit quidem. Voluptatum porro
sapiente praesentium doloribus aliquam. Ad dolores cumque dignissimos minus animi, blanditiis dolorem error
nulla enim.

Подробнее здесь: https://stackoverflow.com/questions/793 ... -container