That’s because left and right alignment mean wrap-around (rest of content starting next to the image) while none and center mean no wrap-around (rest of content starting below image). If you want, say, three small images side-by-side, you need to set the alignment of all three to left.
To prevent further content from wrapping around, you also need to switch the editor to HTML and paste this after each row of images: <br style="clear:both;" />
it worked!! thanks! I think i did something wrong ( not surprised) bc now on my page part of the code is visible, and all attempts to remove have not been successful.
If you have anymore advice I appreciate it:)