Как адаптировать изображение CSS?

Question

[Павел Румянцев]

Подскажите, пожалуйста, есть див в котором находится изображение и див с текстом, как сделать, чтобы высота изображения автоматически подстраивалась под высоту второго дива с текстом? Ну и естественно, чтобы изображение не растягивалось только по высоте, но и по ширине подгонялось. Заранее спасибо

<div class="new">
			<img src="img/news.png" alt="news">
			<div class="right-new">
				<p>1 hour ago</p>
				<h3>New startup idea loremsu ipsumers
				<br>Lorem ipsum lorem them startuping</h3>
				<p>by <span>Kadir</span></p>
			</div>
		</div>

.new { margin-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

Answer 1

[Павел Румянцев]

align-items: stretch

Answer 2

[Ivan Bogachev]

По всей видимости вам подойдет свойство object-fit. Для старых браузеров понадобится полифилл, например этот.