Reverse column on even list item

Hello
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.

<style>
.componets_prieview:nth-child(even){
    display: flex;
    flex-direction: row-reverse;
}
</style>

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