@media (max-width: 760px) {
  .conference-page .conf-hero-banner {
    overflow: hidden !important;
  }

  .conference-page .conf-hero-card-stage {
    margin-top: clamp(16rem, 34svh, 21rem) !important;
  }

  .conference-page .conf-hero-card-stage .conf-cards-grid {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 640px) {
  .conference-page .conf-hero-card-stage {
    margin-top: clamp(17rem, 38svh, 22rem) !important;
  }
}