缩放会使z-index混乱

I have a set of absolute divs having background images which contains animation. when i apply scale property to the divs it messes up my z-index totally here is the link to the fiddle I have a set of absolute divs having background