Paralaxe css3 puro e móvel

Estou usando o transform3D para obter um efeito de paralaxe css puro. Eu tenho uma configuração de demonstração realmente confusa aqui:http://codepen.io/anon/pen/nGAvw

Este é o código principal que faz a tradução:

transform: translateZ(-1px) scale(2);
z-index: -1;
transform-style: preserve-3d;

Gostaria que minha imagem paralaxada fosse cortada usando overflow: hidden. Isso funciona bem no Chrome / Safari da área de trabalho, mas para de funcionar no Mobile Safari. Nas minhas experiências, ele funciona bem no Android, mas para de funcionar no iOS7.

Alguma idéia de como resolver isso? Existe alguma maneira de recortar objeto traduzido no iOS?