.block-video {
  position: relative;
  width: 100%;
  margin: 20px 0;
}

.block-video[style*="--ratio"]::before {
  content: "";
  display: block;
  padding-bottom: calc(100% / (var(--ratio)));
}

.block-video iframe,
.block-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  object-fit: cover;
}

.video-legende {
  margin-top: .5rem;
  text-align: center;
  font-size: .9rem;
  opacity: .7;
}