como trocar ordem dos elementos pelo dispositivo html

.container div {
width: 100px;
height: 50px;
display: inline-block;
}

.one { background: red; }
.two { background: orange; }
.three { background: yellow; }
.four { background: green; }
.five { background: blue; }

@media screen and (max-width: 531px) {
.container { display: flex; flex-flow: column-reverse; }
}