#C3{
    animation: C3 2s ease-in-out alternate;
    transform-origin: center;
    transform-box: fill-box;  
}

#Communicatie {
    animation: Communicatie 2s ease-in-out alternate;
    transform-origin: center;
    transform-box: fill-box;
}

#Connectie{
    animation: Connectie 2s ease-in-out alternate;
    transform-origin: center;
    transform-box: fill-box; 
}

#Creatie{
    animation: Creatie 2s ease-in-out alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes C3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Communicatie {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Connectie {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Creatie {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}