Ok found the solution, and it is more specific.
I will just quote the person
Blockquote
Hey so I had this same issue with the same exact layout on a blog post collection page.
There is a neat way around it with some custom code using CSS :nth-child pseudo class as @garymichael1313 pointed out.
Firstly you need to build your collum’s using flex box and not the Webflow collumns.
Make sure to give the row wrapper a unique class. In this case mine was . blog-flex-row
Once you have it built out, obviously all the images will be one side which is not what you want.
Then add this custom CSS code
.w-dyn-item:nth-child(even) .blog-flex-row {
flex-direction: row-reverse;
}
This selects every second row and reverses the flex direction so that now the image will appear on the right as you have it.
The nice thing about this method is that it will update dynamically when you add new items into the CMS.
Hope this helps anyone with the same issue.
Blockquote