.video-container{width:100%;max-width:100%;margin:0 auto;position:relative}.video-container.fixed-ratio{aspect-ratio:16/9;overflow:hidden}.video-container>#player,.video-container>.youtube-player{width:100%;height:100%;position:absolute;top:0;left:0}.video-container.fixed-ratio>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-container:not(.fixed-ratio)>img{width:100%;max-width:100%;height:auto;display:block}.youtube-player{width:100%!important;height:100%!important}.play-button{cursor:pointer;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}@media (width<=720px){.video-container .play-button{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}.circle-background{z-index:1;background-color:#ffffffb3;border-radius:50%;width:100%;height:100%;position:absolute}.play-icon{z-index:2;width:40px;height:40px;transition:transform .3s}.play-button:hover .play-icon{transform:scale(.7)}.play-text{z-index:3;width:100%;height:100%;animation:10s linear infinite rotateText;position:absolute}.play-button:hover .play-text{animation-play-state:paused}@keyframes rotateText{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.thumbnail-only-container{aspect-ratio:16/9;border-radius:4px;width:100%;margin:0 auto;position:relative;overflow:hidden}.thumbnail-only-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}