.gallery3d-ring,.gallery3d-scene{display:grid}.gallery3d-scene{overflow:hidden;perspective:50em;min-height:420px;width:100vw;margin-left:calc(-50vw + 50%);mask:linear-gradient(90deg,transparent,red 10% 90%,transparent);-webkit-mask:linear-gradient(90deg,transparent,red 10% 90%,transparent)}.gallery3d-ring{place-self:center;transform-style:preserve-3d;animation:gallery3d-rotate 36s linear infinite}@keyframes gallery3d-rotate{to{transform:rotateY(1turn)}}.gallery3d-card{--w:18em;--ba:calc(1turn / var(--n));grid-area:1/1;width:var(--w);aspect-ratio:7/10;-o-object-fit:cover;object-fit:cover;border-radius:1.25rem;backface-visibility:hidden;box-shadow:0 12px 40px hsl(0 0% 0%/.25),0 2px 12px hsl(0 0% 0%/.1);transform:rotateY(calc(var(--i) * var(--ba))) translateZ(calc(-1 * (.5 * var(--w) + .5em) / tan(.5 * var(--ba))))}@media (max-width:1024px){.gallery3d-scene{perspective:35em;min-height:320px}.gallery3d-card{--w:13em}}@media (max-width:640px){.gallery3d-scene{perspective:25em;min-height:240px}.gallery3d-card{--w:9.5em;border-radius:.75rem}}@media (prefers-reduced-motion:reduce){.gallery3d-ring{animation-duration:128s}}