.gallery {
    background-image: url('../assets/DigiDaigaku-237-Apple.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 150ms;
    animation-name: animate;
    animation-direction: normal;
    animation-play-state: running;

    /* this bezier jumps from one state to the next, the others look bad */
    animation-timing-function: cubic-bezier(0, -6, 1, 1);

    /* for every image add 10s to match with the shooting star */
    animation-duration: 50s;

    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

@keyframes animate {
    0% {
        background-image: url('../assets/DigiDaigaku-237-Apple.png');
    }

    20% {

        background-image: url('../assets/DigiDaigaku-1191-Anwen.png');
    }

    40% {

        background-image: url('../assets/Degen.png');
    }
    60% {

        background-image: url('../assets/Gabe-Jr.png');
    }
    80% {

        background-image: url('../assets/DigiDaigaku-378-Malaysia.png');
    }    
    100% {

        background-image: url('../assets/DigiDaigaku-237-Apple.png');
    }
}