#berry {
   animation-name:sillyberry;
     animation-duration: 9s; 
     animation-fill-mode: forwards;
     animation-iteration-count: infinite;
}

@keyframes sillyberry{
    0%{
        transform: translateX(0px);
    }

   
    50%{
        transform: translateX(500px) rotateZ(180deg);
    }
    
    100%{
        transform: rotate (360deg);
    }
}