Estoy agregando algo de carga diferida nativa a las imágenes en un sitio web usando la etiqueta estándar loading="lazy" . Funciona bien y hace el trabajo que quiero, pero en Safari (escritorio y móvil) las imágenes antes de cargarlas tienen un borde blanco del que parece que no puedo deshacerme. ¡Solo aparece por un breve parpadeo mientras te desplazas, pero es particularmente obvio y molesto en un sitio web oscuro!

Parece ser lo mismo que sucede si una imagen no se carga, y se puede replicar al deshabilitar las imágenes usando el menú "desarrollar" de Safari.

He intentado eliminar esto con todo el CSS que se me ocurre...

 border: none !important; outline: none !important; border-color: #000 !important;

... pero no tuve suerte al deshacerme de él.

¿Alguien puede ayudar? ¿Es esto posible? Gracias

Ejemplo de cómo se ve esto: