Flex order until outside the parent element

I want to use flex order until outside the parent element

<div class="flex-wrap"><div class="flex-container"><div class="first"></div><div class="second"></div>          </div><div class="third"><img></div></div>

In this situation, I applied css in flex-wrap class like this.

    display: flex;    flex-direction: column;

Now it shows like,

first
second
third

How can I order like,

first
third
second
?

I tried order value in CSS, in many ways...but it didn't work.