Doc: Pacemaker Explained: clarify section on colocated resource sets

Most significantly, reorganize the examples such that resource A
is always placed first, to make them easier to compare.

Also, change the example PNG graphic to be generated from (new) SVG source.