@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  .card .thumb img,
  .imagepage img,
  .altthumb img,
  .mini-row img,
  .mini-tile-img,
  .random-card-day-media img,
  .for-you-card img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  .card .thumb,
  .imagepage,
  .altthumb,
  .mini-row,
  .random-card-day-media,
  .for-you-card {
    background-color: rgba(255,255,255,.035) !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .card .thumb img,
  .imagepage img {
    min-height: 180px;
    background-color: rgba(255,255,255,.035) !important;
  }

  .altthumb img {
    background-color: rgba(255,255,255,.045) !important;
    contain: paint;
  }

  body.ccc-mobile-image-selecting .card .thumb img,
  body.ccc-mobile-image-selecting .altthumb img,
  .ccc-mobile-img-stable {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    animation: none !important;
  }

  /* The active thumbnail window is visible UI, so don't let older lazy/content
     policies make its images disappear and repaint as a group. */
  .altthumbs-wrap,
  .altthumbs-wrap * {
    content-visibility: visible !important;
  }
}