.modal:has(.modal-container.video) {
  z-index: 9999;
}

.modal-container.video {
  height: auto !important;
  max-width: 80%;
  overflow: hidden !important;
  padding: 0 !important;
  width: auto !important;
}

.modal-container.video .overlay-video-mobile {
  display: block;
}

.modal-container.video:has(.overlay-video-mobile) .overlay-video-desktop {
  display: none;
}

.modal-container.video .overlay-video-mobile video,
.modal-container.video .overlay-video-desktop video {
  height: auto;
  margin-block-end: -1rem;
  width: 100%;
}

@media (min-width: 576px) {
  .modal-container.video {
    max-width: 60%;
  }

  .modal-container.video:has(.overlay-video-desktop) .overlay-video-mobile {
    display: none !important;
  }

  .modal-container.video .overlay-video-desktop {
    display: block !important;
  }
}