translate3d Issue on Samsung Galaxy S3 (webkit)

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!