title: Image Only Shows When Given a Link, Not a Path
body: <p>I'm trying to show an image on my website and am having way more trouble than I feel like I should. I've done this multiple times with no issue on other projects but for some reason its not working.</p>
  <p>HTML:
  <code>&lt;img src=&quot;./reddit.png&quot;/&gt;</code></p>
  <p>My image IS in the same folder as my html file.</p>
  <p>What I've Tried</p>
  <p><code>&lt;img src=&quot;./reddit.png&quot;/&gt;</code></p>
  <p><code>&lt;img src=&quot;reddit.png&quot;/&gt;</code></p>
  <p><code>&lt;img src=&quot;../reddit.png&quot;/&gt;</code></p>
  <p><code>&lt;img src=&quot;D:project\src\components\reddit.png&quot;/&gt;</code></p>
  <p><code>&lt;img src=&quot;D:project/src/components/reddit.png&quot;/&gt;</code></p>
  <p>I thought maybe it was an issue with the tag so I tried,</p>
  <p><code>&lt;img src=&quot;https://faroutmagazine.co.uk/static/uploads/2020/02/George-Harrison-Let-It-Be-768x464.jpg&quot;/&gt;</code></p>
  <p>and that img showed up fine. I also tried moving the img to a images folder and making the path &quot;/images/reddit.png&quot; but that also didn't work.</p>
  <p>(also I am in a js react component if that has an effect on the HTML)</p>