Estoy tratando de hacer un efecto de rotación de elementos en el desplazamiento, pero parece que mi JS está mal. Recibo el error "(índice): 271 TypeError no detectado: no se pueden leer las propiedades de nulo (leyendo 'estilo')"

Mi pagina es jakobnatorp.com

Editar: he intentado reemplazar "document.querySelector("logoJakob")" con lo siguiente y todavía no funciona:

 document.querySelector(".logoJakob"); document.querySelector("#jakoblogo"); document.getElementByClassName("logoJakob"); document.getElementById("jakoblogo");

HTML

 <div class="logojakob" id="jakoblogo" > <img src="http://jakobnatorp.com/wp-content/uploads/2021/10/cropped-JAKOB-LERCHE-DAA-NATORP.png"/> </div>

CSS

 .logojakob { position: fixed; width:150px; height:150px; margin-top:50px; margin-bottom:-300px; margin-left:50px; }

JS

 var elem = document.querySelector("logoJakob"); window.addEventListener('scroll', function() { var value = window.scrollY * 0.25; elem.style.transform = `translatex(-50%) translatey(-50%) rotate(${value}deg)`; });