Me gustaría rotar una imagen dentro de un elemento SVG usando d3.js

Esta es la estructura de los elementos:

Buscando alrededor parecía que esto podría ser una tarea fácil. Lo primero que intenté fue editar como HTML el elemento de la imagen e insertar el atributo transform="rotate(90)" , sin embargo, la imagen desapareció, incluso eliminando este atributo no pude recuperar la imagen original.

Lo que debo hacer es rotar el elemento de la imagen como siempre estuvo en posición vertical. Con eso quiero decir que si obtengo una imagen que tiene una orientación de 90 grados en el sentido de las agujas del reloj, quiero rotar 90 grados en el sentido contrario a las agujas del reloj. Si obtengo una imagen con una orientación de 270 grados, necesito girarla 270 grados en sentido contrario a las agujas del reloj, y así sucesivamente.

Obtuve del back-end este valor de orientación, por lo que necesitaría una función para actualizar la rotación de la imagen, pero incluso esta rotación básica de la imagen en el navegador no funcionó, no sé lo que se supone que hacer.

Ni siquiera estoy seguro de si debo rotar el elemento de la imagen o el SVG mismo... O incluso el contenedor del SVG (en la captura de pantalla, el div con la clase svg-container ).

Otra cosa que probé es usar una clase css pero la imagen estaba recortada. Las clases que utilicé son las de esta respuesta (intenté con la imagen y sus contenedores).

Cualquier ayuda es muy apreciada, gracias