.mobile-vh-60 {
    height: 60vh !important;
}

@media (min-width: 768px) {
    .mobile-vh-60 {
        height: 80vh !important;
    }
    .activity_box {
      padding: 20px !important;
    }
}

.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
  z-index: 1;
}

.carousel-caption {
  z-index: 2; /
}

.activity_box {
  padding: 12px;
}