title: React Material-UI Card Image Component
body: <p>Having an issue displaying images. Looking at the <a href="https://material-ui.com/components/cards/" rel="nofollow noreferrer">documentation</a> and I don't know what I am missing.</p>
  <p>I can't get the image component to show.</p>
  <p>This is all from WhatsNew.js, I am calling an IG logo</p>
  <pre><code>import { ReactComponent as Instagram2 } from '../images/instagram2.svg'
  </code></pre>
  <p>Below I am also calling for a media file that is in the same folder but I get a non working image.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;CardMedia
    image='../images/blog-post-01.png'
    style={{height: 140}} /&gt;
  &lt;CardContent&gt;
  </code></pre>
  <p>Here is my live <a href="https://wivio-testing.herokuapp.com" rel="nofollow noreferrer">link</a> and this is the repo <a href="https://github.com/marcoantonio123456/wivo-testing" rel="nofollow noreferrer">GitHub</a></p>