Проблема с параллаксом

Есть такая разметка (pug):

.wrapper
        .parallax#parallax
            .parallax__layer
                img(src="img/l1.png", alt="")
            .parallax__layer
                img(src="img/l2.png", alt="")
            .parallax__layer
                img(src="img/l3.png", alt="")
            .parallax__layer
                img(src="img/l4.png", alt="")
            .parallax__layer
                img(src="img/l5.png", alt="")
            .parallax__layer
                img(src="img/l6.png", alt="")
            .parallax__layer
                img(src="img/l7.png", alt="")
            .parallax__layer
                img(src="img/l8.png", alt="")
            .parallax__layer
                img(src="img/l9.png", alt="")

Написал параллакс:

var parallaxContainer = document.getElementById('parallax'),
layers = parallaxContainer.children;
var moveLayers = function(e) {
var initialX = (window.innerWidth/2) - e.pageX,
    initialY = (window.innerHeight/2) - e.pageY;
[].slice.call(layers).forEach(function(layer, i){
    var divider = i/100,
        positionX = initialX*divider,
        positionY = initialY*divider,
        layerStyle = layer.style,
        transformString = 'translate3d(' + positionX +'px ,'+ positionY +'px ,0)';
    layerStyle.transform = transformString;
});
}
window.addEventListener('mousemove', moveLayers);

В Chrome все отлично, но в firefox появляются проблемы с загрузкой картинок, при движении мыши, пропадает та или иная картинка, при остановке курсора - появляются, а если снова подвигать мышью, то опять пропадают, плюс иногда какая-либо картинка может не загрузиться вообще и в консоли это: Image corrupt or truncated. Весь день мучаюсь, подскажите, в чем проблема и как можно решить её? Повторюсь, проблема только в лисе. Если не подключать скрипт, то все картинки подгружаются и проблем нет.