Estoy tratando de hacer una carga diferida con mis imágenes. Aquí está mi estructura de carpetas

 /public assets images index.html src css/style.css index.ts

La configuración de mi paquete web está aquí https://github.com/akashshyamdev/portfolio-html/tree/master/webpack

Investigué un poco y vi que se usa loading="lazy" , pero eso no es compatible con safari. Podemos usar el observador de intersección, pero eso no funciona del todo con el paquete web (uso rutas relativas de HTML que luego se reemplazan por el paquete web, si usa la misma ruta pero se inyecta a través de javascript, no funciona).

Tenga en cuenta que esto es una carga diferida de imágenes, NO un código JAVASCRIPT. Estoy seguro de que hay alguna manera de hacer esto, estoy abierto a usar bibliotecas externas. Cualquier ayuda es apreciada, esperando sus respuestas!