.video-with-content-container{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:space-between}@media (min-width:0px){.video-with-content-container.img-right{flex-direction:column}}@media (min-width:1000px){.video-with-content-container.img-right{flex-direction:row-reverse;gap:3em}}@media (min-width:0px){.video-with-content-container.img-left{flex-direction:column-reverse}}@media (min-width:1000px){.video-with-content-container.img-left{flex-direction:row-reverse;gap:3em}}@media (min-width:0px){.video-with-content-container .content-copy,.video-with-content-container .content-video{width:100%}}@media (min-width:1000px){.video-with-content-container .content-video{width:48%}.video-with-content-container .content-copy{display:flex;flex-direction:column;justify-content:flex-start;width:30%}}.video-with-content-container .content-video video{height:auto;position:relative;width:100%}.video-container{margin:auto;position:relative;width:100%}#video-element{height:auto;width:100%}.center-play-btn{background-color:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:4rem;left:50%;padding:20px 30px 20px .6em;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.controls{align-items:center;background-color:#333;color:#fff;display:flex;padding:10px}.control-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-right:10px}#progress-bar{flex-grow:1;margin-right:10px}