Как адаптизировать размер div блока под содержимое в нём (например картинку )?

Question

[SpeakeazyYT10354]

Добрый вечер! Такой вопрос. У меня есть следующий код. А в нём:

<div class="content-right-container" wfd-id="180">
                <div class="content-right" wfd-id="181">
             <img src="https://i.pinimg.com/236x/84/89/30/848930efb84bb5e239b4d317404da047--maserati-coupe--maserati.jpg">       
                </div>
            </div>

Ну так вот, как блок адаптизировать под размер картинки, находящейся в нём? Чтобы не было пустого поля:

Answer 1

[Yagumi]

img {
max-width: 100%;
height: auto;
}

если понял вопрос

Comments

[SpeakeazyYT10354]

Нет. Вот весь код, если что https://codepen.io/SpeakeazyYT/pen/eazQZL

[Yagumi]

добавь в css если чисто под это фото:

.timeline-article .content-right img {
width: 100%;
height: auto;
}

либо для общего :

img {
width: 100%;
heigth: auto;
}