Change Column Order on Mobile

Hi there i was wondering if it is possible to change the column order for specific rows on a mobile device?

i have about 1/10 skill level when working with css and I was doing a bit of googling and was able to build something like this

@media all and (min-width: 767px) {
#reverse-cols1 .td-row.vc_row {
display: flex !important;
flex-flow: wrap;
flex-direction: row-reverse;
}
}

however its not working and was wondering if i was doing something wrong

Thanks Vlad

would this be tabled for implementation as it seems pretty interesting to be able to do and that competitor products already have it implemented

This is very important – using three column format, where the main content is in centre column, can look good on desktop and tablet. But go to mobile and the first thing the reader sees is the first column content, not the main story. No good!