Как переносить элементы Flexbox группами?

Question

[President42]

Вот есть у меня такой код:

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.item {
  border: 1px solid white;
  height: 300px;
  width: 200px;
  margin-bottom: 20px;
}

Можно ли как-нибудь сделать, чтобы элементы .item переносились по два, а не по одному? То есть, что бы не возникала ситуация, когда в первой строке три div'а, а во второй - один?