Как сделать обратный перенос в CSS flex?

Я хочу сделать вот так:

Но у меня получается вот так:

Вот код:

<div>
   <aside></aside>
   <aside></aside>
   <aside></aside>
   <aside></aside>
   <aside></aside>
   <aside></aside>
   <aside></aside>
   <aside></aside>
</div>

div {
    display: flex;
    flex-wrap: wrap;
}
aside {
    height: 300px;
    flex: 1 1 24vw;
    min-width: 225px;
    background-color: #dddddd;
}
aside:nth-child(even) {
    background-color: #838383;
}