.item-0,
.item-1,
.item-2,
.item-3,
.item-4 {
    position: absolute;
    display: block;
    top: 2em;
    font-size: 1.5em;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    color: white;
    background-color: #4d1814;
    border-radius: 15px;
    padding: 5px;
}

.item-0 {
    animation-name: anim-0;
}

.item-1 {
    animation-name: anim-1;
}

.item-2 {
    animation-name: anim-2;
}

.item-3 {
    animation-name: anim-3;
}

.item-4 {
    animation-name: anim-4;
}

@keyframes anim-0 {
    0%, 8.3% {
        top: -100%;
        opacity: 0;
    }

    8.3%,12% {
        top: 25%;
        opacity: 0.7;
    }

    13.33%, 100% {
        top: 110%;
        opacity: 0;
    }
}

@keyframes anim-1 {
    0%, 13.33% {
        top: -100%;
        opacity: 0;
    }

    14.3%,24% {
        top: 25%;
        opacity: 0.7;
    }

    25.33%, 100% {
        top: 110%;
        opacity: 0;
    }
}

@keyframes anim-2 {
    0%, 25.33% {
        top: -100%;
        opacity: 0;
    }

    31.63%, 48.29% {
        top: 25%;
        opacity: 0.7;
    }

    51.66%, 100% {
        top: 110%;
        opacity: 0;
    }
}

@keyframes anim-3 {
    0%, 51.66% {
        top: -100%;
        opacity: 0;
    }

    52.06%, 64.62% {
        top: 25%;
        opacity: 0.7;
    }

    65.66%, 100% {
        top: 110%;
        opacity: 0;
    }
}

@keyframes anim-4 {
    0%, 65.66% {
        top: -100%;
        opacity: 0;
    }

    67.63%, 85.29% {
        top: 25%;
        opacity: 0.7;
    }

    100% {
        top: 110%;
        opacity: 0;
    }
}