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