Кролики по горизонтали 2

Добавьте к классу rabbits свойство display со значением flex.
Разместите кроликов по соответствующим шляпам с помощью свойства justify-content со значением flex-end.
Следующая задача
.container { position: relative; } .rabbits, .hats { position: absolute; width: 100%; } .hats { display:flex; justify-content: flex-end; } .rabbits img, .hats img { width: 100px; height: auto; }
4
 
1
.rabbits {
2
3
}
4
​
​x
 
1
<div class="container">
2
  <div class="rabbits">
3
    <img src="image/rabbit-white.svg" alt="">
4
    <img src="image/rabbit-gray.svg" alt="">
5
    <img src="image/rabbit-brown.svg" alt="">
6
  </div>
7
  <div class="hats">
8
    <img src="image/hat-rabbit-white.svg" alt="">
9
    <img src="image/hat-rabbit-gray.svg" alt="">
10
    <img src="image/hat-rabbit-brown.svg" alt="">
11
  </div>
12
</div>
13
​
Флексы