.parent {
    background-image: 
    linear-gradient(120deg,#e03232,#ffffff,#1b39af);
    height: 96vh;
    display: grid;
    /* We maken 4 kolommen: de buitenste twee zijn 1 deel, de middelste twee samen (2fr) voor het grote vlak */
    grid-template-columns:  1fr 1fr 1fr 1fr 1fr; /*hierzo maakt hij eig de website in drie delen*/
    grid-template-rows: 1fr 1fr 1fr 1fr; /* Bovenste rij vaste hoogte, onderste rij vult de rest */
    gap: 10px; /* Gebruik 'gap' in plaats van margin op elk item voor gelijke tussenruimtes */
    padding: 10px; /*ruimte van de rand vd website*/

}

.intro {
    grid-column: span 4;
    text-align: center;
}

.turk {
    grid-column: 2;
    background-color: #ff3636;
    opacity: 25%;
    transition: all 0.5s ease;
}
.frans {

    background-color: white ;
    opacity: 25%;
    transition: all 0.5s ease;
}
.koelie {
    background-color: #1c49ff;
    opacity: 25%;
    transition: all 0.5s ease;
}
#fransP {
    grid-row: 2;
}

.frans:hover,.turk:hover {
opacity: 100%;
}
.koelie:hover { opacity: 100; color: white;}
.terug {
    position: absolute;
    top: 10%;
    width: 9%;
    height: 4%;
    background-image: 
    linear-gradient(120deg,#ff8d8d,#7490ff);
    
}
.terug:hover {
        background-image: 
    linear-gradient(120deg, #7490ff,#ff8d8d);
}