/* Premium Scroll-Driven Stacked Cards */
.info-grid {
  position: relative;
  /* Add some extra padding at the bottom of the grid so the sticky effect has room to play out */
  padding-bottom: 2rem;
}

.info-card {
  position: sticky;
  will-change: transform, filter;
  /* Use a smooth transition if JS is later used to apply scales */
  transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

/* Base stack offsets - relative to the sticky header */
.info-card:nth-child(1) {
  top: 100px;
  z-index: 1;
}

.info-card:nth-child(2) {
  top: 130px;
  z-index: 2;
}

.info-card:nth-child(3) {
  top: 160px;
  z-index: 3;
}

/* On Desktop, make the overlap more subtle or let them stick at the same time */
@media (min-width: 901px) {
  .info-card:nth-child(1) {
    top: 120px;
  }

  .info-card:nth-child(2) {
    top: 140px;
  }

  .info-card:nth-child(3) {
    top: 160px;
  }
}