.card-background {
  width: 100%;
  padding-top: 100%;
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  /*position: absolute;*/ }

.card-background png {
  visibility: hidden; }

.card-background.map\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/map.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.learn-more\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/learn-more.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.frequently-asked-questions\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/frequently-asked-questions.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.determining-risk\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/determining-risk.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.expected-annual-loss\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/expected-annual-loss.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.social-vulnerability\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/social-vulnerability.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.community-resilience\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 75%), url("/Content/Images/CardImages/community-resilience.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
}

.card-background.download-the-data-NEW\.jpg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 75%), url("/Content/Images/CardImages/download-the-data-NEW.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

/* Story 79632: Keeps card background consistent with the card body for when the page resizes */
/* pixel values for the card background are the same as the card body */
@media (min-width: 768px) {
  .card-background.download-the-data-NEW\.jpg
  {
      /* max-height: 560px; */
      background-size: contain;
      background-position-y: -10px;
  }
}
@media (max-width: 1200px) {
  .card-background.download-the-data-NEW\.jpg
  {
      /* max-height: 460px; */
      
  }
}
@media (max-width: 1000px) {
  .card-background.download-the-data-NEW\.jpg
  {
      /* max-height: 710px; */
      background-size: cover;
      background-position: center;
  }
}