Como alterar a direção do eixo do contêiner flexbox?

Com a propriedade CSS flex-direction.

/* Define o eixo principal da esquerda para a direita */
.container {
  display: flex;
  flex-direction: row; 
}

/* Define o eixo principal da direita para a esquerda */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Define o eixo principal de cima para baixo */
.container {
  display: flex;
  flex-direction: column;
}

/* Define o eixo principal de baixo para cima */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Valor	Descrição
row	Eixo principal da esquerda para a direita (padrão)
row-reverse	Eixo principal da direita para a esquerda
column	Eixo principal de cima para baixo
column-reverse	Eixo principal de baixo para cima