div#wallmobile img#yellow {
    -webkit-animation-name: yellowAnim;
    -webkit-animation-duration: 60s;
    animation-name: yellowAnim;
    animation-duration: 60s;
}

@-webkit-keyframes yellowAnim {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes yellowAnim {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}





div#wallmobile img#red {
    -webkit-animation-name: redAnim;
    -webkit-animation-duration: 40s;
    animation-name: redAnim;
    animation-duration: 40s;
}

@-webkit-keyframes redAnim {
    0% { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@keyframes redAnim {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}





img#black {
    -webkit-animation-name: blackAnim;
    -webkit-animation-duration: 180s;
    animation-name: blackAnim;
    animation-duration: 180s;
}

@-webkit-keyframes blackAnim {
    0% { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@keyframes blackAnim {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}





div#wallmobile > img.shape {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 95%;
    height: 95%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

div#wallmobile > img.shadow {
    position: absolute;
    left: 0px;
    top: 3%;
    width: 95%;
    height: 95%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}