.hero {
  position: relative;
}

.lady-backdrop {
  position: absolute;
  z-index: 0;
  inset: -4rem 8% -1rem;
  background: url("assets/lady-background.jpg") center 28% / auto 112% no-repeat;
  filter: grayscale(1) contrast(1.1);
  opacity: 0.16;
  mask-image: radial-gradient(ellipse 43% 65% at 50% 48%, #000 18%, rgba(0, 0, 0, 0.72) 50%, transparent 82%);
  -webkit-mask-image: radial-gradient(ellipse 43% 65% at 50% 48%, #000 18%, rgba(0, 0, 0, 0.72) 50%, transparent 82%);
  pointer-events: none;
}

.launch-card {
  z-index: 1;
  background: linear-gradient(145deg, rgba(31, 31, 35, 0.84), rgba(9, 9, 11, 0.82));
}

@media (max-width: 640px) {
  .lady-backdrop {
    inset: -1rem -10% 0;
    background-position: center 20%;
    background-size: auto 100%;
    opacity: 0.12;
    mask-image: radial-gradient(ellipse 58% 58% at 50% 45%, #000 8%, rgba(0, 0, 0, 0.6) 48%, transparent 82%);
    -webkit-mask-image: radial-gradient(ellipse 58% 58% at 50% 45%, #000 8%, rgba(0, 0, 0, 0.6) 48%, transparent 82%);
  }
}