Свойство align-items определяет выравнивание элементов вдоль поперечной оси флекс-контейнера. Значение flex-end выравнивает элементы в конце поперечной оси.
.container {
display: flex;
align-items: flex-end;
}
.container { box-sizing: border-box; width: 100%; height: 500px; background-color: #e0e0e0; position: relative; }
.rabbit, .hat { position: absolute; width: 100%; height: 500px; padding: 1em; box-sizing: border-box; }
.hat { display:flex; align-items:flex-end; justify-content:center;}
.rabbit img, .hat img { width: 100px; height: auto; }