.external-embed {
  padding: 72px var(--container-padding);
}

.external-embed__inner {
  width: min(100%, var(--container-max));
  margin: 0 auto;
}

.external-embed__container {
  width: 100%;
  height: 600px;
  border-radius: 12px;
  overflow: hidden;
}

.external-embed__iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .external-embed {
    padding: 56px var(--container-padding);
  }

  .external-embed__container {
    height: 480px;
  }
}