.gallery-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.gallery-card-body {
  position: absolute;
  bottom: 0;
  z-index: 9999;
}

.gallery-card-body .card-title  {
  color: white;
}

.blog-title{
  font-family: "Playfair Display", serif;
  margin: 20px 0;
}

@media (max-width: 500px) {
  .gallery-card-body .card-title   {
    font-size: 1rem;
  }
}