Свойство justify-content определяет выравнивание элементов вдоль главной оси флекс-контейнера. Значение center выравнивает элементы по центру главной оси.
.container {
display: flex;
justify-content: center;
}
.container { position: relative; }
.rabbits, .hats { position: absolute; width: 100%; }
.hats { display:flex; justify-content: center; }
.rabbits img, .hats img { width: 100px; height: auto; }