Свойство align-self выравнивает флекс-элемент текущей строки, переписывая значение align-items. Значение center выравнивает элемент в центре поперечной оси.
.container {
display: flex;
}
.element {
align-self: center;
}
.container { box-sizing: border-box; width: 100%; height: 500px; background-color: #e0e0e0; position: relative; }
.rabbits, .hats { position: absolute; width: 100%; height: 500px; padding: 1em; box-sizing: border-box; }
.hats { display:flex; justify-content:space-around;align-items:flex-start;}
.rabbits img, .hats img { width: 100px; height: auto; }
.hat-gray { align-self: center;}