.course-media {
  margin: 30px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f4f1e9;
}

.course-media img,
.course-media video {
  display: block;
  width: 100%;
  max-height: 680px;
  object-fit: contain;
  background: var(--deep);
}

.course-media-audio {
  padding: 22px;
}

.course-media audio {
  display: block;
  width: 100%;
}

.course-media figcaption {
  padding: 10px 16px;
  color: var(--muted);
  font-size: 13px;
}