Как позиционировать изображение в контейнере div по нижнему краю?

Question

[Никита Пупко]

Есть div и в нем img с бутстраповским классом .img-responsive Как заставить изображение прижиматься не к верхнему краю div (на рисунке слева), в котором он находится, а к нижнему без использованияposition: absolute? (на рисунке справа)

P.S. Пояснение класса .img-responsive

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

Примерная схема для понимания:

Answer 1

[Владимир]

display: flex, margin-top:auto

Comments

[Никита Пупко]

display:flex + align-items: flex-end; на родителя оказалось решением. Спасибо!

[Владимир]

Никита Пупко: мой вариант по спеке также используется для прижимания элемента к краю контейнера

[Максим]

Никита Пупко: Владимир: посмотрите на ваше решение с телефона ...

Answer 2

[Денис Инешин]

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

background-size: cover;
backgroind-position: 0 100%;