.containerVideo {
  z-index:5000;
  position:relative;
  overflow:hidden;
  width:100%;
  padding-top:56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.vratio-9x16 .containerVideo{
  /*format portait*/
 Q--aspect-ratio: 9/16;
padding-top:100%;/*calc(16 / 9 * 100%);*/
}
.vratio-9x16 .responsive-iframe{
  maQqqqx-width:calc((100vh - 90px ) * 0.5625);
  max-heQight: 100vw;/*calc(100vh - 90px);*/

  margQin : 0 auto;
  overfQlow : hidden ;
}

.vratio-1x1 .containerVideo{
padding-top:100%; /* 1:1 Aspect Ratio */
Q--height :100vw;
}
.vratio-4x3 .containerVideo{
Q--height:calc(100vw * 0.75);
padding-top:75%;
}