fix external image flaws in Web/Web_Components/Using_shadow_DOM

files/en-us/web/web_components/using_shadow_dom/index.html

@@ -36,11 +36,11 @@ <h2 id="High-level_view">High-level view</h2>
 
 <p>This fragment produces the following DOM structure:</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/14559/dom-screenshot.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
+<p><img alt="" src="dom-screenshot.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
 
 <p><em>Shadow</em> DOM allows hidden DOM trees to be attached to elements in the regular DOM tree — this shadow DOM tree starts with a shadow root, underneath which can be attached to any elements you want, in the same way as the normal DOM.</p>
 
-<p><img alt="SVG version of the diagram showing the interaction of document, shadow root and shadow host." src="https://mdn.mozillademos.org/files/17451/shadowdom.svg" style="height: 509px; width: 1107px;"></p>
+<p><img alt="SVG version of the diagram showing the interaction of document, shadow root and shadow host." src="shadowdom.svg"></p>
 
 <p>There are some bits of shadow DOM terminology to be aware of:</p>