.videohero {
  height: 100vh;
}

.videohero__video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.videohero__image {
  width: 100%;
  height: 100%;
}

.videohero__image-file {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.videohero__text {
  position: absolute;
  top: 30%;
  left: 10%;
  width: 40%;

  @media (max-width: 768px) {
    width: 80%;
  }
}

.videohero__textwrapper {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.videohero__textwrapper.active {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

.videohero__cta {
  display: none;
}

.videohero__cta.active {
  display: block;
}

.videohero__mobile-text {
  display: none;

  @media (max-width: 768px) {
    display: block;
  }
}