Movimiento de elemento Javascript a la posición de clic del ratón, el elemento no responde.

Estoy tratando de hacer que mi png se mueva a la posición del clic del mouse cuando el usuario hace clic dentro del contenedor, pero no puedo hacer que el png responda. Estoy siguiendo este tutorial (https://www.youtube.com/watch?v=b4GwvdhrEQg), y estoy atascado en la primera prueba. Mi objetivo no responde a los clics en absoluto.
Por favor ayuda.

var theGirl = document.querySelector(“#girl”);

var container = document.querySelector(“#floor”);

container.addEventListener(“click”, getClickPosition, false);

function getClickPosition(e) {
var xPosition = e.clientX – (theGirl.offsetWidth / 2);
var yPosition = e.clientY; – (theGirl.offsetHeight / 2)
var translate3dValue = “translate3d(” + xPosition + “px” + yPosition + “px, 0)”;
theGirl.style.transform = translate3dValue;
}

#floor {
width: 700px;
height: 600px;
cursor: pointer;
overflow: visible;
border: 10px #EDEDED solid;
}

#girl {
height: 450px;
width: 200px;
border: 15px red solid;
transform: translate3d(50px, 50px, 0);
}