Reverse column on even list item

My problem: I would like to reverse column order on every even collection list item. To swap div with IMG, with div with text. Something like this:

. I was trying to achieve it by myself and I came up with this custom code solution. But for some reason, looks like nth-child is not working.

    display: flex;
    flex-direction: row-reverse;

Please, could someone explain to me why this custom code is not working, or find the solution for my ‘problem’. Many thanks.

Here is my site Read-Only: [LINK][1]

@Duogital - your preview link is gone - I’ll take a look if you still need help