.full-width-video-section {
  width: 100%;
  margin: 0;
  padding: 0;
  pointer-events: none;
  position: relative;
}
.full-width-video-section:before {
  position: absolute;
  content: "";
  top: -50px;
  right: 200px;
  height: 100px;
  width: 100px;
  background-image: url("../../images/graphics/best-of-the-best.svg");
  background-size: contain;
  z-index: 200;
  -webkit-animation: slow-rotate 20s linear infinite;
          animation: slow-rotate 20s linear infinite;
}
@-webkit-keyframes slow-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes slow-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.full-video-wrapper {
  position: relative;
  width: 100%;
  height: 50vh;
  /* Your chosen section height */
  overflow: hidden;
}
.full-video-wrapper:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

/* TRUE video cover mode */
.full-video-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* Oversize the iframe to guarantee full coverage */
  width: 250%;
  height: 250%;
  /* Ensures scaling behaves correctly */
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
  pointer-events: none;
}