title: How to customize cards in Angular Material
body: <p>Im using Angular Material for a web app as a hobby project. I checked the official reference and couldn't figure out how to customize the appearance of cards. For instance, consider my use case: I'd like the card image to fill the entire card and have some text overlay on it. How to do that? The code illustration provided in the reference is currently like:</p>
  
  <pre><code>&lt;md-card&gt;
        &lt;img src="img/washedout.png" class="md-card-image" alt="Washed Out"&gt;
        &lt;md-card-content&gt;
          &lt;h2 class="md-title"&gt;Paracosm&lt;/h2&gt;
          &lt;p&gt;
            The titles of Washed Out's breakthrough song and the first single from Paracosm share the
            two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
          &lt;/p&gt;
        &lt;/md-card-content&gt;
      &lt;/md-card&gt;
  </code></pre>
  
  <p>The above code will render as shown in like <a href="https://material.angularjs.org/#/demo/material.components.card" rel="nofollow">https://material.angularjs.org/#/demo/material.components.card</a> </p>
  
  <p>Do I have to override the css or is there any other way? </p>