/* Keep the complete artwork visible without changing thumbnail container sizes. */
.cases-placeholder:has(> .default-image),
.streams-placeholder:has(> .default-image) {
  position: relative;
}

.default-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* The artwork logo occupies the upper-right corner. Keep badges clear of it. */
.cases-card-image:has(> .cases-placeholder > .default-image) > .section-warning-badge {
  top: auto;
  right: auto;
  bottom: 16px;
  left: 16px;
}

.playlists-card-cover:has(.playlists-cover-placeholder:not([hidden]) > .default-image) > .section-warning-badge {
  right: auto;
  left: 16px;
}