/* Fingerprinted use-case imagery for homepage and application-pattern cards. */
.use-case-card-media {
  aspect-ratio: 8 / 5;
  min-height: 0;
  padding: 0;
  background: #100c15;
  isolation: isolate;
}

.use-case-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  opacity: 1;
  transform: translateZ(0);
}

.card:hover .use-case-card-media img,
.card:focus-within .use-case-card-media img {
  transform: scale(1.018);
}

@media (prefers-reduced-motion: reduce) {
  .card:hover .use-case-card-media img,
  .card:focus-within .use-case-card-media img {
    transform: none;
  }
}
