title: Images not showing in React?
body: <p>I'm following along with a Scrimba tutorial on React and I'm doing it on my own machine locally.
  I have an image in my images folder within my src folder.
  In my components folder I have a component called Card which is shown but why is my image only shown when I import it and not like the other two ways which are commented out?</p>
  <p>Might be something stupid but I can't see it. Thanks all.
  Just for clarity everything else works bar the image tags commented out.</p>
  <p><strong>App.js</strong></p>
  <pre><code>function App() {
  return (
      &lt;div&gt;
        &lt;Navbar /&gt;
        &lt;Hero /&gt;
        &lt;Card
          img=&quot;katie-zaferes.png&quot;
          rating=&quot;5.0&quot;
          reviewCount=&quot;6&quot;
          country=&quot;USA&quot;
          title=&quot;Life Lessons With Katie Zaferes&quot;
          price={136}
        /&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p><strong>Card.js</strong></p>
  <pre><code>import Star from &quot;../images/star.png&quot;;
  import Athlete from &quot;../images/katie-zaferes.png&quot;;
  
  const Card = (props) =&gt; {
    return (
      &lt;div className=&quot;card&quot;&gt;
        &lt;img src={Athlete} alt=&quot;card-image&quot; /&gt;
        {/* &lt;img src=&quot;../images/katie-zaferes.png&quot; alt=&quot;img&quot; /&gt; */}
        {/* &lt;img src={`../images/${props.img}`} alt=&quot;card-image&quot; /&gt; */}
  
        &lt;div className=&quot;card--stats&quot;&gt;
          &lt;img src={Star} alt=&quot;star&quot; className=&quot;card--star&quot; /&gt;
          &lt;span&gt;{props.rating}&lt;/span&gt;
          &lt;span className=&quot;gray&quot;&gt;{props.reviewCount} •&lt;/span&gt;
          &lt;span className=&quot;gray&quot;&gt;{props.country}&lt;/span&gt;
        &lt;/div&gt;
  
        &lt;p&gt;{props.title}&lt;/p&gt;
        &lt;p&gt;
          &lt;b&gt;From $ {props.price} &lt;/b&gt; / person
        &lt;/p&gt;
      &lt;/div&gt;
    );
  };
  
  export default Card;
  </code></pre>