#repertoire_section{
    padding: 100px 0;
    background-color: var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
    flex-wrap: wrap-reverse;
    line-height: 150%;

}

.repertoire_container{
    width: 500px;
    max-width: 90%;
    font-size: 13px;

}

#repertoire_section img{
    width: 300px;
    border: 15px solid var(--text-color);
    max-width: calc(90% - 30px);
}

.repertoire_container h2{
    font-size: 30px; 

}

.repertoire_container p{
    text-align: justify;
    line-height: 175%;
}