.wni-app-suite .app-preview {
  isolation: isolate;
}

.wni-app-suite .app-preview::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(150deg, rgba(255,255,255,.08), transparent 36%, rgba(255,92,53,.12));
  content: "";
  pointer-events: none;
}

.wni-app-suite .app-preview > span {
  z-index: 2;
}

.wni-app-suite .app-preview img {
  filter: saturate(.98) contrast(1.03);
}

.wni-app-suite .app-tile:nth-child(2n):hover .app-preview img {
  transform: scale(1.045) translateX(-.5%);
}

.wni-app-suite .app-tile:nth-child(2n+1):hover .app-preview img {
  transform: scale(1.045) translateX(.5%);
}

.wni-app-suite .qbr-preview img { object-position: 50% 51%; }
.wni-app-suite .foundry-preview img { object-position: 52% 50%; }
.wni-app-suite .security-preview img { object-position: 50% 48%; }
.wni-app-suite .cost-preview img { object-position: 50% 48%; }
.wni-app-suite .resume-preview img { object-position: 48% 52%; }
.wni-app-suite .toolkit-preview img { object-position: 52% 54%; }
.wni-app-suite .directory-preview img { object-position: 50% 56%; }
.wni-app-suite .publisher-preview img { object-position: 50% 52%; }

@media (prefers-reduced-motion: reduce) {
  .wni-app-suite .app-tile:hover .app-preview img {
    transform: none;
  }
}