.business-card {
  min-height: 430px;
  isolation: isolate;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.business-card > * {
  position: relative;
  z-index: 1;
}

.business-card:nth-child(1) {
  background-image: linear-gradient(to bottom, rgba(255,255,255,.02) 0%, rgba(255,255,255,.10) 38%, #fff 68%, #fff 100%), url("../images/business-ec-universal-v2.webp");
}

.business-card:nth-child(2) {
  background-image: linear-gradient(to bottom, rgba(255,255,255,.02) 0%, rgba(255,255,255,.12) 38%, #fff 68%, #fff 100%), url("../images/business-memorial-universal-v2.webp");
}

.business-card:nth-child(3) {
  background-image: linear-gradient(to bottom, rgba(17,27,26,.02) 0%, rgba(255,255,255,.05) 38%, #fff 68%, #fff 100%), url("../images/business-crm-universal-v1.webp");
}

.business-card:nth-child(4) {
  background-image: linear-gradient(to bottom, rgba(255,255,255,.02) 0%, rgba(255,255,255,.08) 38%, #fff 68%, #fff 100%), url("../images/business-system-universal-v2.webp");
}

.business-card:nth-child(3) .card-number,
.business-card:nth-child(3) .card-arrow {
  color: #fff;
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
}

.business-card h3 {
  padding-top: 180px;
}

@media (max-width: 820px) {
  .business-card { min-height: 390px; }
  .business-card h3 { padding-top: 145px; }

}