body {
  --vp-helper-hero-style__content-margin: 0;
  --vp-helper-hero-style__content-width: 80%;

  --vp-helper-hero-style__overlay-width: 90%;
  --vp-helper-hero-style__picture-width: 50%;

  --vp-helper-hero-style__gradient: linear-gradient(300deg, #fff 0%, #fff 50%, #dcdcdc 100%);
}

@media (min-width: 1200px) {
  body {
    --vp-helper-hero-style__content-margin: 10rem;
    --vp-helper-hero-style__content-width: 35rem;
  }
}

@media (min-width: 1800px) {
  body {
    --vp-helper-hero-style__content-margin: 15rem;
    --vp-helper-hero-style__content-width: 40rem;

    --vp-helper-hero-style__overlay-width: 80%;
    --vp-helper-hero-style__picture-width: 60%;
  }
}