.block-experiences {
    display: flex;
    flex: 2;
}

@media screen and (max-width : 525px) {
    .block-experiences {
        flex-basis: 100%;
        order: 1;
    }
}

.block-experience-left {
    flex: 1;
    margin-right: 20px;
    width: 100%;
}

@media screen and (max-width : 525px) {
    .block-experience-left {
        margin-left: 5px;
        margin-right: 0;
    }
}

.block-experience-center {
    flex: 1;
    margin-right: 20px;
    width: 100%;
}

@media screen and (max-width : 525px) {
    .block-experience-center {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.block-experience-right {
    flex: 1;
    margin-right: 20px;
    width: 100%;
}

@media screen and (max-width : 525px) {
    .block-experience-right {
        margin-right: 5px;
    }
}

.trio-picture-experience {
    height: 500px;
    object-fit: cover;
    padding-right: 20px;
    width: 100%;
}

@media screen and (max-width : 525px) {
    .trio-picture-experience {
        height: 300px;
        padding-right: 0;
    }
}

.block-text-experience {
    flex: 1;
    margin-left: 30px;
}

@media screen and (max-width: 525px) {
    .block-text-experience {
        flex-wrap: wrap;
        margin: 20px 0;
    }
    .block-text-experience > * {
        flex-basis: 100%;
    }
}