Как поместить изображение в div с определенным соотношением сторон, сохраняя ту же высоту/ширину, что и «естественный» ⇐ CSS

[Anonymous]

Извините, заголовок, должно быть, труден для понимания, но я не знаю, как его объяснить.
Как разместить изображение "carouselMap" в div "carouselItem" ", с соотношением сторон 2/3, ширина (карты) составляет 100% ширины "carouselItem"?
Я нарисовал "рисунок", чтобы объяснить это. .

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

.carouselItem {
height: 100%;
width: 100%;
border: 1px solid black;
}

.carouselMap {
}

Спасибо за помощь

Подробнее здесь: https://stackoverflow.com/questions/787 ... e-same-hei