title: I have SVG element displaying on some pages but not others, same browser, platform et al
body: <p>The folowing code has a bunch of svg triangles </p>
  
  <pre><code>&lt;svg class="constellation" viewBox="0 0 275 275"&gt;
  &lt;use class="constellation__1" xlink:href="#constellation-svg" data-props="190x190,83,38" transform="scale(0.693582)" x="119.66851188213664" y="54.78800219180441"&gt;&lt;/use&gt;
  &lt;use class="constellation__2" xlink:href="#constellation-svg" data-props="107x107,64,67" transform="scale(0.390596)" x="163.851982" y="171.532544"&gt;&lt;/use&gt;
  &lt;use class="constellation__3" xlink:href="#constellation-svg" data-props="53x53,148,200" transform="scale(0.193473)" x="764.96462" y="1033.735676"&gt;&lt;/use&gt;
  </code></pre>
  
  <p> </p>
  
  <p>This svg code appears on two different pages.  On one page it display on the other it does not.  I did not set up either page but have been tasked with getting the svg to show up on both.</p>
  
  <p>Can anyone tell me why they do not appear in the second link?  I have compared the css and the html and cannot find the difference.</p>