I have used a couple of the Neutral Components cover sections. I used one with image on the left and text on the right and another with image on the right and text on the left. Works perfectly well on screens ay 960+px. But I cannot fathom how to get it to work nicely on smaller screens so it alternates between image then text the same for the next component. I have altered order and that sorts the problem out on small screens but then the image and text are on the same side at 960+. I am sure it is something simple that I cannot see.
Any help much appreciated.

Check that you have set the breakponts toggle to "default".

Also, in case you are using 'Frameworkless': All the Neutral components for 'Frameworkless' have been built 'desktop-down', so if you start with 'mobile-up' they won't work well.

And a lot of them are "Grid" based so that is something to look for bcs placements need to be done within the Grid (which also needs to be activated , instead of :"fallback first"