flex-direction: row-reverse means items start from the right of the container and are shown in the order they're in the HTML.

Make sure to pick row-reverse.