.md-content .youtube-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 1em 0;
}

.md-content .youtube-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.md-content iframe[src*="youtube.com"],
.md-content iframe[src*="youtu.be"] {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
}