.player {
  width: 100%;
  min-height: 51.2rem;
  height: 100%;

  img {
    pointer-events: none;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.play-icon {
  position: relative;
  background: #000000a6;
  width: 100%;
  min-height: 51.2rem;
  height: 100%;

  img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 8rem;
    height: 8rem;
    transform: translate(-50%, -50%);
  }
}

// Adaptive

@media screen and (max-width: 1500px) {
  .player {
    min-height: unset;
  }
  .play-icon {
    min-height: 38rem;
  }
}

@media screen and (max-width: 800px) {
  .play-icon {
    min-height: 25rem;
    img {
      width: 5rem;
      height: 5rem;
    }
  }
}

@media screen and (max-width: 450px) {
  .video-slide {
    max-width: unset;
  }
}
