.hero-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 1.5rem 0;
}

.hero-visual .hero-big-momma-art,
.hero-visual .hero-headline-art,
.hero-visual .hero-woman-art {
  position: relative;
  inset: auto;
  left: auto;
  bottom: auto;
  transform: none;
}

.hero-visual .hero-big-momma-art {
  z-index: 8;
  align-self: end;
  width: auto;
  height: min(500px, 58vw);
  max-width: 92%;
  max-height: 500px;
  object-fit: contain;
  object-position: center bottom;
  margin-bottom: -15rem;
  filter: drop-shadow(0 28px 42px rgba(0,0,0,.45)) saturate(1.05) contrast(1.02);
}

.hero-visual .hero-headline-art {
  z-index: 6;
  width: min(610px, 100%);
  max-height: none;
  margin: 0;
  object-fit: contain;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.3));
}

.hero-visual .hero-woman-art {
  z-index: 5;
  align-self: end;
  width: auto;
  height: 420px;
  max-width: 88%;
  max-height: none;
  margin-top: -4.5rem;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 28px 42px rgba(0,0,0,.48)) saturate(1.04) contrast(1.02);
}

@media (max-width: 980px) {
  .hero-visual {
    display: flex !important;
    padding-top: .75rem !important;
  }

  .hero-visual .hero-big-momma-art {
    order: 1 !important;
    width: auto !important;
    height: 420px !important;
    max-width: 90% !important;
    max-height: none !important;
    margin: 0 0 -11.5rem !important;
  }

  .hero-visual .hero-headline-art {
    order: 2 !important;
    margin: 0 !important;
  }

  .hero-visual .hero-woman-art {
    order: 3 !important;
    width: auto !important;
    height: 390px !important;
    max-width: 82% !important;
    max-height: none !important;
    margin: -3.5rem 0 0 !important;
  }
}

@media (max-width: 680px) {
  .hero-visual .hero-big-momma-art {
    height: 330px !important;
    max-width: 96% !important;
    margin-bottom: -8.5rem !important;
  }

  .hero-visual .hero-headline-art {
    width: min(420px, 98%) !important;
    margin: 0 0 .35rem !important;
  }

  .hero-visual .hero-woman-art {
    height: 290px !important;
    max-width: 88% !important;
    margin-top: -2.4rem !important;
  }
}