.premium { grid-template-columns: 1fr 1fr; }
.course-media {
  grid-column: 1 / -1;
  height: 230px;
  margin: -50px -50px 0;
  overflow: hidden;
  background: #ddd2c4;
}
.course-media-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.course-media img,
.course-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.course-thumb {
  float: left;
  width: 150px;
  height: 100px;
  margin: 0 24px 0 0;
  overflow: hidden;
  background: #d7ccbd;
}
.course-list article > div { min-width: 0; }
.course-list article:has(.course-thumb) { align-items: start; }
@media (max-width: 960px) {
  .course-media { margin: -35px -35px 0; }
  .course-thumb { width: 125px; height: 88px; margin-right: 18px; }
}
@media (max-width: 640px) {
  .premium { grid-template-columns: 1fr; }
  .course-media { height: 190px; margin: -30px -24px 0; }
  .course-thumb { float: none; width: 100%; max-width: 100%; height: 160px; margin: 0 0 18px; }
}