.iframe-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--space-lg);
  margin: var(--space-3xl) auto;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.iframe-container.md-show  {
  display: flex;
}
.iframe-container-title {
  width: 100%;
}
.iframe-container-title,
.iframe-container .iframe-box  {
  text-align: center;
}
.iframe-container-script-title {
  color: var(--color-foreground-foreground-on-active);
}
.iframe-container-script-description {
  color: var(--color-foreground-foreground-on-active);
}
@media screen and (max-width: 960px) {
  .iframe-container.md-show  {
    display: none;
  }
  .iframe-container.sm-show {
    display: flex;
  }
}