@-webkit-keyframes swinging{
        0%{-webkit-transform: rotate(12deg);}
        50%{-webkit-transform: rotate(-6deg)}
        100%{-webkit-transform: rotate(12deg);}
    }
     
    @keyframes swinging{
        0%{transform: rotate(12deg);}
        50%{transform: rotate(-6deg)}
        100%{transform: rotate(12deg);}
    }
     
    .swingimage{
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
        animation: swinging 3.5s ease-in-out forwards infinite;
    }