title: How can I add some text on a background image with Material UI Card and CardMedia
body: <p>So I've used the card component to create my background image however, I'm not sure how to add text on the image. There might be a better way as well, I'm open to other ideas.</p>
  
  <pre><code>&lt;Card&gt;
      &lt;CardMedia
          component="img"
          alt={header.bg_img}
          src={process.env.API_URL + header.bg_img.url}
          title="Background Image"
        /&gt;
        &lt;CardContent&gt;
             &lt;h2 className={classes.h2}&gt;{header.title}&lt;/h2&gt;
             &lt;p className={classes.paragraph}&gt;{header.small_description}&lt;/p&gt;
        &lt;/CardContent&gt;
  &lt;/Card&gt;
  </code></pre>