.mockup{position:absolute;border-radius:30px;transition:all .6s cubic-bezier(.23,1,.32,1);cursor:pointer;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.05);left:50%;top:50%;transform:translate(-50%,-50%)}.mockup.center{width:280px;z-index:10;opacity:1;filter:blur(0);box-shadow:0 40px 80px rgba(0,0,0,.12)}.mockup.side{width:170px;z-index:5;opacity:.6;filter:blur(1.5px) brightness(.9)}.mockup.outer{width:140px;z-index:1;opacity:.3;filter:blur(3px)}.mockup.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5)}@media (max-width:1024px){.mockup.center{width:230px}.mockup.side{width:140px}}@media (max-width:768px){.mockup.center{width:190px}.mockup.side{width:120px}.mockup.outer{display:none}}