#player{
  width: 130%;
  height: 200vh;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}

.bg-gradient-dark {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background-position: top;
  background-size: 100% 150px; /* Adjust the gradient height as needed */
  background-repeat: no-repeat;
}

@media screen and (max-width: 850px) {
  #player{
      width: 250%;
      height: 200vh;
      position: absolute;
      left: 50%;
      top: unset;
      -webkit-transform: translate(-50%, -35%);
      transform: translate(-50%, -35%);
  }
}

@media screen and (max-width: 700px) {
  .header {
      min-height: unset;
      height: 50vh;
  }

  #player{
      width: 250%;
      height: 200vh;
      position: absolute;
      left: 50%;
      top: unset;
      -webkit-transform: translate(-50%, -35%);
      transform: translate(-50%, -35%);
  }
}