/**
 * Video variant of the Brafton Image block.
 *
 * The wrapper keeps the .brafton-image class, so it inherits the same width
 * rules as the <img> (e.g. width:100% inside the 50-50 row, full width on
 * mobile). We only add the responsive 16:9 framing here so the video occupies
 * the same horizontal space the image would, on desktop and mobile alike.
 */
.block-brafton-image-block .brafton-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}

.block-brafton-image-block .brafton-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}