.block-iframe {
  margin: 2rem 0;
}

/* Responsive ratio */
.iframe-wrapper.ratio {
  position: relative;
  width: 100%;
  padding-bottom: calc(100% / (var(--ratio)));
  height: 0;
}

.iframe-wrapper.ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.iframe-wrapper iframe {
  width: 100%;
  border: none;
}

.iframe-legende {
  margin-top: .5rem;
  font-size: .9rem;
  opacity: .6;
}