Construí un mapa de navegación basado en una imagen muy grande (8000px * 6090px) de un mapa muy detallado de la década de 1920.

Uso una etiqueta img con la imagen muy grande, la centro en la zona enfocada para que la mayor parte de la imagen quede fuera de la ventana gráfica. Luego animo el mapa con propiedades css de transformación y transición.

Cuando la imagen se mueve y las partes ocultas de la imagen, fuera de la ventana gráfica, se vuelven visibles, primero aparecen en blanco antes de renderizarse. Este error no ocurre si animo la imagen con las propiedades margen izquierdo y superior, pero luego la animación se retrasa mucho.

¿Alguna idea de una manera de manejar esto? Intenté usar las propiedades css "representación de imágenes" y "cambiará", pero no funciona. El problema ocurre con una etiqueta img o una imagen de fondo css de la misma manera.