/* Use the lightweight, visually equivalent cover exports on tablet-sized screens. */
@media screen and (max-width: 1400px) {
  .textbook-reading-cover[data-art="campus"] {
    background-image: url("assets/course-cover-campus-portrait.webp");
  }

  .textbook-reading-cover[data-art="classroom"] {
    background-image: url("assets/course-cover-classroom-portrait.webp");
  }

  .textbook-reading-cover[data-art="collage"] {
    background-image: url("assets/course-cover-collage-portrait.webp");
  }
}