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