If you were like me and for some reason 3d Translated animations were not overlapping or layering as intended then after some research I found your answer!
First you have to set the object you want to be UNDER to:
-webkit-transform: translate3d( x, y, -100px);
Next you Set the object you want to be on TOP to:
-webkit-transform: translate3d(x, y, 100px);
Seems so simple but sometimes we forget about that last variable in translate3d and how important it is!