#page-apropos {
    box-sizing: border-box;
    .apropos-container {
        display: flex;
        justify-content: center;
        max-width: 100%;
        column-gap: 2rem;
        padding: 0 3rem;
        box-sizing: border-box;

        .apropos-description {
            width: 80%;
            display: flex;  
            justify-content: center;      
            gap: 2rem;            
            align-items: flex-start; 
            margin-bottom: 2rem;  
            box-sizing: border-box;
            
            img {    
                border-radius: 4px;   
              }
        
              .apropos-text {
                width: 100%;      
                color: #444;      
                line-height: 1.4;     
                font-family: sans-serif; 
                text-align: justify;
                box-sizing: border-box;

                p {
                    margin-bottom: 1rem; 
                  }
              }         
        }
    }
}

@media screen and (max-width: 1280px) {
    #page-apropos {
        .apropos-container {
            .apropos-description {
                flex-direction: column;

                img {
                    margin: 0 auto;
                    padding-bottom: 1rem;
                }

                .apropos-text {
                    padding-bottom: 4rem;
                }
            }
        }
    }
}

@media screen and (max-width: 900px) {
    #page-apropos {
        .apropos-container {
            .apropos-description {
                width: 100%;
            }
        }
    }
}

@media screen and (max-width: 600px) {
    #page-apropos {
        .apropos-container {
            padding: 0 1rem;
            .apropos-description {
                img {
                    max-width: 400px;
                    width: 100%;
                }
                .apropos-text {
                    width: 100%;
                }
            }
        }
    }
}