.card-swap-container{position:relative;margin:0 auto;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:768px){.card-swap-container{transform:scale(.85)}}@media (max-width:480px){.card-swap-container{transform:scale(.7)}}.grainient-container{position:relative;width:100%;height:100%;overflow:hidden}