.ry-card {
  border: none;
  height: 230px !important;
}
.ry-card:hover .mask {
  height: 94% !important;
}
.ry-card:hover p {
  color: #ffffff;
}
.ry-card .card-img-top {
  margin-top: 0px !important;
  width: 100% !important;
  height: 90% !important;
}
.ry-card .mask {
  height: 50% !important;
  bottom: 20px;
}
.ry-card p {
  /*margin-top: 10px;*/
  /*margin-bottom: 20px;*/
  margin: 80px 20px 10px 20px;
  text-align: center;
}