#title{
    grid-row: 1;
    grid-column: 1 / 3;

    display: grid;
}
#basics{
    grid-row: 2;
    grid-column: 1;
}
#timeline{
    grid-row: 2;
    grid-column: 2;
}
#portrait{
    grid-row: 1 / 3;
    grid-column: 1
}
#title_text{ 
    grid-row: 1;
    grid-column: 2;
}
#subtitle{
    grid-row: 2;
    grid-column: 2;
}

.professional_experience{
    display: grid;
}
.professional_experience span:nth-child(1){
    grid-row: 1;
    grid-column: 1;
}
.professional_experience span:nth-child(2){
    grid-row: 1;
    grid-column: 2;
}
.professional_experience span:nth-child(3){
    grid-row: 2;
    grid-column: 1/3;
}
.professional_experience span:nth-child(4){
    grid-row: 3;
    grid-column: 1/3;
}

.education{
    display: grid;
}
.education span:nth-child(1){
    grid-row: 1;
    grid-column: 1;
}
.education span:nth-child(2){
    grid-row: 1;
    grid-column: 2;
}

.background_images{
    position: absolute;
    width: 10%;
    z-index: -1;
}
.background_images.first{
    top: 0;
    left: 0;
}