Как установить изображение большого размера? ⇐ CSS

[Anonymous]

Я хочу сделать самое большое изображение, чтобы соответствовать дисплею, но изображение слегка переполняет дисплей. Что мне сделать, чтобы соответствовать изображению на дисплее, используя только CSS? >

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

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.image-container {
width: 60%;
max-width: 100%;
max-height: 100%;
overflow: hidden;
height: auto;
margin: 50px auto;
}

.hero-image {
width: 60%;
height: auto;
object-fit: cover;
}< /code>



[img]https://res.cloudinary.com/drbkmt1y1/image/upload/v1738081295/11147079_zmelwq.png[/img]

Majestic Heights: The Enchanting Allure of Everest
[h4]Exploring the World's Tallest Peak and Its Timeless Mystique[/h4]

Towering at an awe-inspiring 8,848.86 meters, Mount Everest stands as the crown jewel of the Himalayan range, drawing adventurers and dreamers from across the globe. Its snow-clad peaks, rugged terrain, and the surrounding serene landscapes create a breathtaking tableau of nature's grandeur.

Установка изображения для отображения в соответствии с соотношением.

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