/** Resolves issue in https://github.austin.utexas.edu/eis1-wcs/utdk_profile/issues/1395 */
.media-oembed-content-wrapper {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}
iframe.media-oembed-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.responsive-embed {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  /* padding-bottom: will be set inline for each embeds ratio */
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}