.arrow {
    width: 70px;
    height: 26px;
    left: 50%;
    margin-left: -35px;
    background-image: url(https://www.championdistribution.co.nz/arrow_01_70.png);
    position: relative;
    top: -30px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {top:0px;}
    70%   {top:0px;}
    80%  {top:-30px;}
    85%   {top:0px;}
    90% {top:-15px;}
    100%   {top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {top:0px;}
    70%   {top:0px;}
    80%  {top:-30px;}
    85%   {top:0px;}
    90% {top:-15px;}
    100%   {top:0px;}
}