.apropos{
    text-align: center;
    padding: 15px;
}
.apropos p {
    text-align: center;
    font-size: 1.2em;

}
.apropos aside {
    background-color: white;
}


.apropos .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-items: center;
justify-content: space-around;
width: 100%;
}
.apropos .container .item1 {
    flex-basis: 70%;
    background-color: var(--customBeige);

}

.apropos .container .item2 {
    flex-basis: 15%;
    align-self: center;
    height: 250px;
}

.apropos .container .item2 img {
    height: 250px;
   
}


@media screen and (max-width: 800px) {
.apropos .container .item2 img, .apropos .container .item2 {
    height: 200px;
}

.apropos .container {
    gap:10px;
    flex-direction: column;
}
}