Я пытаюсь заполнить столбец строки изображением ⇐ CSS

[Anonymous]

Я пытаюсь заполнить столбец строки, созданной с помощью начальной загрузки, изображением. Я хочу, чтобы изображение было той же высоты, что и строка, и часть изображения, которая не соответствует ширине, должна быть обрезана. Однако изображение либо соответствует ширине столбца, а под ним пусто, либо даже больше, чем вся таблица, если это можно так назвать.
Я пробовал с высотой 100% и объектом -fit:cover, но ничего не работает.
Проблема в первом столбце (остальные столбцы игнорируйте).

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

.hotel-box {
border: 1px solid gray;
border-radius: 16px;
width: 40%;
margin: 50px 0;
}

.hotel-box img {
height: 100%;
object-fit: cover;
}

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

[img]https://cf.bstatic.com/xdata/images/hotel/max1024x768/279134335.jpg?k=341488f6f4dc7bc8d6232b06730e304ed655bd4a944b1a90eb2ab81ac92a0568&o=&hp=1[/img]

Hotel name
some info
room info
extra info

[h4]word rating[/h4]
number reviews
number rating
BGN price
per night per person(под числото с дребен шрифт)

Подробнее здесь: https://stackoverflow.com/questions/784 ... h-an-image