Locking child text blocks to a parent div

Hey all. I've got a client who made something that he's really happy with using the standard drag n' drop of the grid system, but it's causing a lot of problems on the mobile version. Basically, he's got five different text blocks within a shape, which is easy enough to drag and drop on desktop, but because of some funkiness behind the scenes (and I assume something with the fluid engine), those text boxes are kind of all over the place and only 1-2 text boxes are actually still within the shape. 

My gut instinct is to inject js, using selectors and appendChild and then use flexbox or something to get everything lined up appropriately, but before I go ham on that (and, this is an event page, so I would have to update this all the time), I'm wondering if anyone has had any luck with a parent div, multiple children, visually flexed, just by using the given tools?

Bumping. Still looking for a decent workaround for this with ss's CSS. Thanks so much

Can you share link to page where you have problems? We can check easier