Lazy load images not replaced correctly

I would generally advise adding width: 100% to responsive images in CSS. I think that should solve the issue. It seems that in this case the parent of the image does not have a width when the image is empty, while the image is looking at the width of the parent to determine the correct source.

Regarding the "flash", we unset the src for lazy loaded images to prevent them from being loaded by the browser. It prevents duplicate images being loaded in some cases. However, if an image is in the viewport, removing the source can cause this flash. I think we might be able to figure something out to solve this.

I created a separate issue for the broken image flash problem: 🐛 Flash of missing image when lazy loading Active .

Since we have 🐛 Flash of missing image when lazy loading Active to handle the flash, and the image size needs to be done using CSS, I think this is a won't fix issue.