.trobble1 {
    width: 170px;
    height: 170px;
    animation: infinite linear 3s trobble-rotation1;
}

@keyframes trobble-rotation1 {
    from { transform: rotate(240deg); }
    to { transform: rotate(960deg); }
}

.trobble2 {
    width: 203px;
    height: 203px;
    animation: infinite linear 4s trobble-rotation2;
}

@keyframes trobble-rotation2 {
    from { transform: rotate(120deg); }
    to { transform: rotate(840deg); }
}

.trobble3 {
    width: 240px;
    height: 240px;
    animation: infinite linear 5s trobble-rotation3;
}

@keyframes trobble-rotation3 {
    from { transform: rotate(0deg); }
    to { transform: rotate(720deg); }
}