I have a page with multiple rows to showcase my rooms to rent out in my hotel. I have put all 6 rooms on individual rows using the siteorigin text widget. Plus I have 1 blank white row in between as a “buffer” as I don’t know how else to separate them visually. So I have many 11 rows. On each room row I have a different background image to denote the different names of the rooms (name after animals). The images work fine on the first 2 room rows but then after that the images gradually start being misaligned and you start to see less and less of each image in each row. They are all separately loaded but it is as if they are sitting altogether behind the rows on a page somewhere. I start to get a blank bit at the top and then you star to see the top of the image. As you go to the next set of rooms you get more blank background until the last, you can see no image at all.
I can only think I need to create two room pages and just be content to lose a bit off the third image in the 3rd room row. But customers may not look at both pages.
Maybe there is too much on one page so I have no choice??? Please advise regarding why the images are doing this. Is it because there is too much on one page? Can I create the thick white border at the bottom within the room row so it will lessen the amount of rows on the page?
Please help, thank you http://686.cf5.myftpupload.com/african-banda/