.hero-form-bg-img {
  min-height: calc(80vh - var(--header-height));
  margin-top: var(--header-height);
  background-repeat: no-repeat;
  background-size: cover;
}

@supports (min-height: 80svh) {
  .hero-form-bg-img {
    min-height: calc(80svh - var(--header-height));
  }
}

.hero-form-bg-img .grid-wrapper {
  display: grid;
  gap: 20px 40px;
}

.hero-form-bg-img .form-wrapper {
  padding: 20px;
  background: #fff;
}

@media (min-width: 768px) {
  .hero-form-bg-img .grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .hero-form-bg-img .text-wrapper {
    max-width: 530px;
  }

  .hero-form-bg-img .form-wrapper {
    padding: 40px;
  }
}