como trocar ordem dos elementos pelo dispositivo html

1.container div {
2width: 100px;
3height: 50px;
4display: inline-block;
5}
6
7.one { background: red; }
8.two { background: orange; }
9.three { background: yellow; }
10.four { background: green; }
11.five { background: blue; }
12
13@media screen and (max-width: 531px) {
14.container { display: flex; flex-flow: column-reverse; }
15}