.social-embed {
  --social-embed-max-width: 100%;
  --social-embed-aspect-ratio: 16 / 9;
  padding-top: 0;
  height: auto;
}

.social-embed iframe {
  position: static;
  display: block;
  width: var(--social-embed-max-width);
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--social-embed-aspect-ratio);
  margin-left: auto;
  margin-right: auto;
}

.social-embed--facebook {
  --social-embed-aspect-ratio: 1 / 1;
}

.social-embed--instagram,
.social-embed--tiktok {
  --social-embed-max-width: 420px;
  --social-embed-aspect-ratio: 9 / 16;
}

.social-embed--twitter {
  --social-embed-max-width: 640px;
  --social-embed-aspect-ratio: 3 / 5;
}

@media only screen and (max-width: 767px) {
  .social-embed--facebook,
  .social-embed--instagram,
  .social-embed--tiktok,
  .social-embed--twitter {
    --social-embed-max-width: 100%;
  }
}