.rotatingheadline div {
    position: absolute;
    /*animation: rotatingheadline linear infinite;*/
    animation: rotatingheadline 32s linear infinite;
    opacity: 0;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    .rotatingheadline div {
        width: 60%;
    }
}

@keyframes rotatingheadline{
    0%{opacity: 0; transform: translateY(-50px);}
    2%{opacity: 1; transform: translateY(0px);}
    12%{opacity: 1; transform: translateY(0px);}
    15%{opacity: 0; transform: translateY(50px);}
}

.rotatingheadline div:nth-child(1){animation-delay: 0s;}
.rotatingheadline div:nth-child(2){animation-delay: 4s;}
.rotatingheadline div:nth-child(3){animation-delay: 8s;}
.rotatingheadline div:nth-child(4){animation-delay: 12s;}
.rotatingheadline div:nth-child(5){animation-delay: 16s;}
.rotatingheadline div:nth-child(6){animation-delay: 20s;}
.rotatingheadline div:nth-child(7){animation-delay: 24s;}
.rotatingheadline div:nth-child(8){animation-delay: 28s;}