.cards {
  background-image: url(../img/cardsimg.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

.card {
  background-color: #e9e9e9;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  cursor: pointer;
}
.card:hover {
  background-color: #06abd1;
  color: white;
}

.card-body:hover {
  color: white;
}

h5 {
  font-size: 25px;
  color: black;
}
.card-subtitle {
  color: black;
}
@media screen and (max-width: 767px) {
  .cards {
    width: 100%;
  }
}