Свойство justify-content определяет выравнивание элементов вдоль главной оси флекс-контейнера. Значение center выравнивает элементы по центру главной оси.
.container {
display: flex;
justify-content: center;
}
.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; justify-content: center; }
.rabbit img, .hat img { width: 100px; height: auto; }