.wrapper{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:10}.wrapper .orbit{width:100%;height:100%;animation:spin 80s linear infinite}.wrapper .orbit .item{position:absolute;top:35%;left:35%}.wrapper .orbit .item-0{transform:rotate(0deg) translate(220px) rotate(0deg)}.wrapper .orbit .item-1{transform:rotate(90deg) translate(220px) rotate(-90deg)}.wrapper .orbit .item-2{transform:rotate(180deg) translate(220px) rotate(-180deg)}.wrapper .orbit .item-3{transform:rotate(270deg) translate(220px) rotate(-270deg)}@keyframes spin{to{transform:rotate(1turn)}}.wrapper .orbit .card-rotate{animation:counterSpin 80s linear infinite}@keyframes counterSpin{to{transform:rotate(-1turn)}}@media(max-width:1279px){.wrapper .orbit .item-0{transform:rotate(0deg) translate(180px) rotate(0deg)}.wrapper .orbit .item-1{transform:rotate(90deg) translate(180px) rotate(-90deg)}.wrapper .orbit .item-2{transform:rotate(180deg) translate(180px) rotate(-180deg)}.wrapper .orbit .item-3{transform:rotate(270deg) translate(180px) rotate(-270deg)}}@media(max-width:1023px){.wrapper .orbit{animation:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wrapper .orbit .card-rotate{animation:none;height:100%}.wrapper .orbit .item{position:static;transform:none}.wrapper .orbit .item-0{transform:rotate(0deg) translate(0) rotate(0deg)}.wrapper .orbit .item-1{transform:rotate(90deg) translate(0) rotate(-90deg)}.wrapper .orbit .item-2{transform:rotate(180deg) translate(0) rotate(-180deg)}.wrapper .orbit .item-3{transform:rotate(270deg) translate(0) rotate(-270deg)}}@media(max-width:767px){.wrapper .orbit{grid-template-columns:repeat(2,1fr)}}