:root{--sp:-15px;--sp2:-8px}.container{position:relative;height:300px}.container,.panel{display:flex;justify-content:center;align-items:center;width:100%}.panel{position:absolute;transform-style:preserve-3d;transition:all 2s cubic-bezier(.4,0,.2,1);height:280px;overflow:hidden;border-radius:5px;border:1px solid hsla(0,0%,100%,.3)}.panel canvas{filter:var(--theme-filter);width:100%;display:block;height:200%}.pos0{z-index:4;opacity:.9}.pos1{transform:translateZ(-100px) translate(calc(var(--sp) - 60px),var(--sp2)) translateY(calc(var(--sp2) * 1));z-index:3;opacity:.8}.pos2{transform:translateZ(-200px) translate(calc(calc(var(--sp) - 60px) * 2),calc(var(--sp2) * 2)) translateY(calc(var(--sp2) * 2));z-index:2;opacity:.7}.pos3{transform:translateZ(-300px) translate(calc(calc(var(--sp) - 60px) * 3),calc(var(--sp2) * 3)) translateY(calc(var(--sp2) * 3));z-index:1;opacity:.6}.pos4{transform:translateZ(-400px) translate(calc(calc(var(--sp) - 60px) * 4),calc(var(--sp2) * 4)) rotateX(-180deg) translateY(calc(var(--sp2) * -4));z-index:1;opacity:.5}@media (width < 960px){:root{--sp:-8px;--sp2:-4px}}