.videoContainer {
           position: absolute;
           width: 100%;
           height: 100%;
           top: 0;
           left: 0;
           bottom: 0;
           right: 0;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
       }
       
       iframe {
           /* optional */
           width: 100%;
           height: 100%;
           z-index: -99;
       }
       
       .menu1 {
           position: fixed;
           top: 20px;
           left: 20px;
           z-index: 99999999;
       }
       
       .scene {
           width: 260px;
           height: 270px;
           perspective: 600px;
           cursor: pointer;
       }
       
       .card {
           width: 100%;
           height: 100%;
           position: relative;
           transition: transform 1s;
           transform-style: preserve-3d;
       }
       
       .card__face {
           position: absolute;
           height: 100%;
           width: 100%;
           backface-visibility: hidden;
       }
       
       .card__face--front {}
       
       .card__face--back {
           padding: 10px;
           background: rgba(0, 0, 0, 0.8);
           color: white;
           transform: rotateY( 180deg);
           border-radius: 10px;
       }
       
       .card__face--back a {
           text-decoration: none;
           color: #ffffff;
       }
       
       .card.is-flipped {
           transform: rotateY(180deg);
       }
       
       @media screen and (max-width: 600px) {
           .mobil {
               visibility: hidden;
               display: none;
           }
       }
       
       * {
           box-sizing: border-box;
       }
       
       .video-background {
           background: #000;
           position: fixed;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           z-index: -99;
       }
       
       .video-foreground,
       .video-background iframe {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           pointer-events: none;
       }
       
       @media (min-aspect-ratio: 16/9) {
           .video-foreground {
               height: 300%;
               top: -100%;
           }
       }
       
       @media (max-aspect-ratio: 16/9) {
           .video-foreground {
               width: 300%;
               left: -100%;
           }
       }
       
       @media all and (max-width: 600px) {
           .vid-info {
               width: 50%;
               padding: .5rem;
           }
           .vid-info h1 {
               margin-bottom: .2rem;
           }
       }
       
       @media all and (max-width: 500px) {
           .vid-info .acronym {
               display: none;
           }
       }
       
       .video-responsive {
           overflow: hidden;
           padding-bottom: 56.25%;
           position: relative;
           z-index: 9999999999999999999999;
           height: 0;
       }
       
       .video-responsive iframe {
           left: 0;
           top: 0;
           height: 100%;
           width: 100%;
           position: absolute;
       }