¿Cómo cambiar la dirección del eje del contenedor flexbox?

Con la propiedad CSS flex-direction.

/* Establece el eje principal de izquierda a derecha */
.container {
  display: flex;
  flex-direction: row; 
}

/* Establece el eje principal de derecha a izquierda */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Establece el eje principal de arriba hacia abajo */
.container {
  display: flex;
  flex-direction: column;
}

/* Establece el eje principal de abajo hacia arriba */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Valor	Descripción
row	Eje principal de izquierda a derecha (por defecto)
row-reverse	Eje principal de derecha a izquierda
column	Eje principal de arriba hacia abajo
column-reverse	Eje principal de abajo hacia arriba