.hero-slide {
  margin: 0 -0.5rem;
  max-height: 500px;
  overflow: hidden;
  position: relative;

  video {
    position: relative;
    bottom: 100px;
  }
}

.hero-caption {
  width: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  background: white;
  padding: 2rem 8rem 2rem 2rem;
}
