.lp-hero {
  height: 50vw;
  margin: 0 auto;
  max-height: 750px;
  max-width: 1500px;
  position: relative;
}

.lp-hero__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.lp-hero__video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}

.lp-hero--inset .lp-hero {
  height: 50vw;
  margin: 30px auto 0;
  max-height: 645px;
  max-width: 1290px;
}