.video-desktop,
  .video-mobile {
    display: none;
  }

  /* Show desktop video for screens 768px and wider */
  @media (min-width: 768px) {
    .video-desktop {
      display: block;
    }
  }

  /* Show mobile video for screens less than 768px */
  @media (max-width: 767px) {
    .video-mobile {
      display: block;
    }
    .video_modal{
    max-width: none !important;
    }
  }

  video {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }