.player-wrapper {
  width: 100%;
  max-width: 900px;
  position: relative;
}
#player-container {
  padding-top: 56.25%;
}
#player {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.drop-area {
  position: absolute;
  top: 20px;
  left: 20px;
  border: 2px dashed #ccc;
  background-color: white;
  opacity: 0.5;
  padding: 20px;
  width: fit-content;
  height: fit-content;
  margin: 20px auto;
  cursor: pointer;
  transition: 0.3s;
}
.drop-area.highlight {
  border-color: #007bff;
  background-color: #f0f8ff;
}