.circle {
    background-image: linear-gradient(to bottom left, #9198E8, #161C68);
    animation: rotated 3s ease infinite;
    animation: name duration timing-function delay iteration-count direction fill-mode;
}

@media only screen and (min-width: 1024px) {
  .imagin {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))
  }
}
/* .anime {
        animation: rotate 4s ease-in-out infinite;
    } */
@keyframes rotate {
    30% {
        transform: translate(-10%, -10%);
        rotate: (360deg);
    }

    70% {
        transform: translate(-12%, 12%);
        rotate: (360deg);
    }
}



@keyframes rotated {
    100% {
        transform: rotate(360deg);
    }
}