Как обрезать картинку только сверху?

Question

[vladimir328]

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

.block {
        height: 30%;
        width: 100px;
    }
    .block img{
            object-fit: cover;
            width: 100px;
            height: 100%;
    }

Answer 1

[alexalexes]

Добавьте к картинке свойство object-position: bottom.