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