anchor.diff:    width: 320px;
     height: 320px;
   }
  -.demo-card-square > .mdl-card__title {
  +.demo-card-square1 > .mdl-card__title {
     color: #fff;
     background:
       url('obama.png') bottom right 15% no-repeat #fc9423;
   }
  -.demo-card-square > .mdl-card__title {
  +.demo-card-square2 > .mdl-card__title {
     color: #fff;
     background:
       url('brady.png') bottom right 15% no-repeat #fc9423;
   }
  -.demo-card-square > .mdl-card__title {
  +.demo-card-square3 > .mdl-card__title {
     color: #fff;
     background:
       url('warren.png') bottom right 15% no-repeat #fc9423;
  
positive.code: <div class="mdl-grid">
    <div class="mdl-cell mdl-cell--4-col">
  
    	<div class="demo-card-square mdl-card mdl-shadow--2dp">
    <div class="mdl-card__title mdl-card--expand">
      <h2 class="mdl-card__title-text">View Rankings</h2>
    </div>
  
negative.code:   </div>
    <div class="mdl-cell mdl-cell--4-col">
    	
  <div class="demo-card-square3 mdl-card mdl-shadow--2dp">
    <div class="mdl-card__title mdl-card--expand">
      <h2 class="mdl-card__title-text">Add Players</h2>
    </div>
  