.hero.vertical {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1920 / 760;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 700px) {
  .hero.vertical {
    aspect-ratio: 900 / 356;
  }
  .hero.vertical .heroCopy {
    inset-inline: 14px;
    max-width: 58%;
  }
  .hero.vertical .heroCopy p {
    display: none;
  }
  .hero.vertical .heroCopy h1 {
    margin: 0 0 5px;
    font-size: 23px;
    line-height: 1.1;
  }
  .hero.vertical .heroCopy h2 {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.35;
  }
  .hero.vertical .heroBtn {
    padding: 8px 13px;
    font-size: 12px;
  }
}