title: website images won't show on github pages or netlify
body: <p>I am having trouble having my GitHub pages display my websites images that i fetched from TMDB api. When i go to elements in the console and select the image it shows up and also when i run it through live server it seems to run fine. I have tried checking the images source code spelling, but i don't think that's the issue. Can someone please help fix this issue.</p>
  <p>netlify link: <a href="https://clever-noyce-88985a.netlify.app/" rel="nofollow noreferrer">https://clever-noyce-88985a.netlify.app/</a></p>
  <pre><code>export function showsContainer(type, result) {
    type.insertAdjacentHTML(
      &quot;afterbegin&quot;,
      `&lt;div class=&quot;trending_list&quot;&gt;
            &lt;img class=&quot;trending_image&quot; src=&quot;https:image.tmdb.org/t/p/w500${result.poster_path}&quot; alt=&quot;&quot; /&gt;
            &lt;div class=&quot;trending_info&quot;&gt;
                &lt;p&gt;Name: ${result.name}&lt;/p&gt;
                &lt;p&gt;Rating: ${result.vote_average}&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;`
    );
    modalContainer.insertAdjacentHTML(
      &quot;afterbegin&quot;,
      `&lt;div class=&quot;modal_content&quot;&gt;
            &lt;span class=&quot;exit_btn&quot;&gt;&amp;times;&lt;/span&gt;
            &lt;div class=&quot;modal_header&quot;&gt;
                &lt;p class=&quot;title&quot;&gt;Name: ${result.name}&lt;/p&gt;
                &lt;p class=&quot;rating&quot;&gt;Rating: ${result.vote_average}&lt;/p&gt;
                &lt;/div&gt;
            &lt;p class=&quot;description&quot;&gt;Description: ${result.overview}&lt;/p&gt;
        &lt;/div&gt;`
    );
  }
  </code></pre>
  <p><img src="https://i.stack.imgur.com/MlJ5o.png" alt="" /></p>