Wie richtet man die Parallaxe auf die Mitte eines div aus?

Question

Ich habe einen Parallax-Effekt erstellt, der sich mit den Mauskoordinaten bewegt. Der Effekt funktioniert, aber ich kann nicht die rote Box Position horizontal und vertikal zentrierte die Mutter div bekommen, so dass die Parallaxe ist aktiv um die rote Box und innerhalb der übergeordneten div - was auch immer Faktor für die Parallaxe verwendet wird:

function mouseMove(event) { 
    var target = $(this); 
    var dot = target.find('.pointer'); 

    var height = dot.height(); 
    var width = dot.width(); 

    var offset = target.offset(); 
    var w = target.width(); 
    var h = target.height(); 
    var top = offset.top; 
    var left = offset.left; 

    var mX = (event.pageX - left) - width/2; 
    var mY = (event.pageY - top) - height/2; 

    TM.to(dot, 1, { x: mX, y: mY, scale: 1, ease: Quint.easeOut, force3D: !0 }); 


    var icon = $('.icon'); 
    var iWidth = icon.width(); 
    var iHeight = icon.height(); 

     var factor = .05; 
     var x = ((event.pageX - left) - (iWidth/2)) * factor; 
     var y = ((event.pageY - top) - (iHeight/2)) * factor; 

    TM.to(icon, 1, { x: x, y: y, scale: 1, ease: Quint.easeOut, force3D: !0 }); 


}; 

http://codepen.io/anon/pen/oLQWOG

Hoffnung jemand kann mir helfen!

UPDATE

Answer 1

Nizza Parallaxe. Wenn Sie meinen, Sie möchten die rote Box margin: 0 auto zentrieren war alles was Sie brauchten.

.icon { 
    height: 150px; 
    width: 150px; 
    display: block; 
    background: red; 
    margin: 0 auto; 
}