HTML `<picture>` element not displaying fallback image on Internet Explorer 11
I'm not sure how to approach I need some guidance on I'm working through a tutorial and I keep running into I'm trying to use the `<picture>` element to serve responsive images, but I've noticed that the fallback image is not displaying on Internet Explorer 11... I've set up the `<picture>` tag as follows: ```html <picture> <source media="(min-width: 800px)" srcset="large-image.jpg"> <source media="(min-width: 400px)" srcset="medium-image.jpg"> <img src="fallback-image.jpg" alt="Fallback Image"> </picture> ``` I expect that if both sources unexpected result to load, the `<img>` tag should show the `fallback-image.jpg`. However, in IE11, it simply shows a blank space instead of the fallback image. I've verified that the image paths are correct and that the images load properly in other browsers. I've also tried adding the `alt` attribute to the `<img>` tag, but the scenario continues. I suspect this might have something to do with how IE11 handles the `<picture>` element, but I've not found any clear solutions online. I've also tried using conditional comments to serve a specific image for IE, without success. Is there a known workaround or a best practice for ensuring that fallback images display correctly in IE11 when using the `<picture>` element? Additionally, I am aware that the `<picture>` element is not fully supported in IE11, but it seems odd that it wouldn't show the fallback image at all. Any help would be greatly appreciated! Could this be a known issue? I'm working with Html in a Docker container on Windows 11. The stack includes Html and several other technologies. Could this be a known issue? Is there a better approach?