section.introduction {
  background: #e9e9e9;
  padding: 6rem 0 0;
  overflow: hidden;
}

.intro-video-row {
  display: flex;
  justify-content: flex-start;
  margin-top: 2.5rem;
}

.intro-video-col {
  width: 60%;
}

.video-wrapper {
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  position: relative;
}

.video-wrapper::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow:
    inset 0 20px 30px -10px white,
    inset -20px 0 30px -10px white;
}

.video-wrapper video {
  width: 100%;
  display: block;
}

@media (max-width: 1199.98px) {
  .intro-video-col {
    width: 75%;
  }
}

@media (max-width: 767.98px) {
  .intro-video-col {
    width: 100%;
  }

  .video-wrapper {
    border-radius: 0;
  }
}