How to reverse a columns: 2 auto; in react JS

I have a array with [1,2,3,4,5,6] and creating a views like

| Cell 1   | Cell 4   || Cell 2   | Cell 5   || Cell 3   | Cell 6   |

with using CSS properties like columns: 2 auto

how to create the mirror image of the view so it would look like

| Cell 4   | Cell 1   || Cell 5   | Cell 2   || Cell 6   | Cell 3   |

and it should use the columns: 2 auto while creating mirror image.

is there any property we can set for this?Image may be NSFW.
Clik here to view.

function App() {  const data = [1,2,3,4,5,6];  return (<div className="ContainerColumn">        {data.map((number)=> {         return <div style={{ padding:'5px', margin:'2px', backgroundColor:'grey'}} >{number}</div>        })}</div>  );}export default App;.ContainerColumn {  columns: 2 auto;  color: "#646cffaa";}