Can you randomize/shuffle order of boxes on page load?

Hi all, it’s my first post on here - hoping some of you out there have successfully achieved this before.

I have a set of boxes (with images and text inside). I’d like the order of them to shuffle each time page loads.

Here’s an example: http://jsfiddle.net/BwJHj/1/

The issue that I’m experiencing is that content in UnBounce is absolutely positioned so even if the order shuffles in the code, everything just sits where it’s been placed in the editor.

It works if I add this all in using a HTML box but I don’t want to do this. I’d prefer to keep the content native to UnBounce within the editor.

Is there some CSS I can add or an alternative way I can do this?

Any ideas would be greatly appreciated!