Hi Duncan, Hendrik and everyone who wants a different layout for desktop and mobile,
In my attempts to resolve the issue for my site, I found some general info:
Ghost images are caused by text wrapping. Copy and pasting text, scroll locations or using the same images for different devices doesn’t have anything to do with it. What I did: unwrap all text and make groups of image and text box instead. As old skool DTP-er I’m fond of text wrapping, but it did solve the ghost images problem.
Although not entirely. I got rid of most of them, but one ghost lay out remained for some unknown reason. I tried everything I could think of (replacing, ungroup, using PNG instead of JPG) but one area on the desktop version is still causing text wrap on the mobile device. I made a workaround by placing the mobile device images on this ghost image area, so the text will not wrap around the ghost.
For checking ghost images you don’t need to switch devices, you can test it in the desktop device when you put an empty text placeholder on top of the content.
Which gave me the idea you can probably solve this by creating layers, but I’m not a dev of course. However, I do hope this info is useful for you.