[class*="cm-video-size-"] {
  width: 100%;
}

[class*="cm-video-size-"] > iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.video-wrapper[class*="cm-video-size-"] {
  height: auto;
  padding-bottom: 0;
  aspect-ratio: 16 / 9;
}

.video-wrapper[class*="cm-video-size-"] > iframe {
  height: 100%;
  aspect-ratio: auto;
}

[class*="cm-video-size-"] > video {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  .cm-video-size-half { width: 50%; }
  .cm-video-size-third { width: 33.333333%; }
  .cm-video-size-two-thirds { width: 66.666667%; }
  .cm-video-size-quarter { width: 25%; }
  .cm-video-size-three-quarters { width: 75%; }
}