#carousel .slick-slide .hero-image:before {
  z-index: 10;
}

#carousel .slick-slide .hero-wrapper {
  z-index: 20;
}

#carousel .slick-dots {
  z-index: 30;
}

.radar-banner .video_wrap,
.radar-banner .vimeo-wrapper,
.radar-banner .static-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.radar-banner .video_wrap .radar-player,
.radar-banner .vimeo-wrapper iframe,
.radar-banner .static-video video {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
}