.spotify-video-wrapper {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
  width: 100%;
  max-width: 1200px; /* optional container width */
}

.spotify-embed,
.background-video {
  flex: 1;
  height: 500px;
  border-radius: 12px;
  width: 100%;
}

.background-video {
  object-fit: cover;
}

@media (max-width: 768px) {
  .spotify-video-wrapper {
    flex-direction: column;
  }

  .spotify-embed,
  .background-video {
    height: 400px; /* <<< KEEP a visible height on mobile! */
  }
}