.bloc2 {}

.bloc2 figure {
    position: relative;
    z-index: 1;
}

.bloc2 p {
    position: relative;
    z-index: 2;
    max-width: 500px;
    padding: 50px;
    border-radius: 30px;
    border-top-left-radius: 0;
    background-color: #eee;
    margin-left: 10%;
    margin-top: -15%;
}


.bloc1 {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    font-size: 0;
    align-items: flex-start !important;
}


.bloc1>p {
    display: flex;
    width: 370px;
    height: 280px;
    margin-right: 30px;
    font-size: 17px;
    text-align: center !important;
    margin-bottom: 30px;
    padding: 50px;
    background-color: #eee;
    flex-direction: column;
    justify-content: center;
    border-radius: 50px;
    border-top-left-radius: 0;
}

.bloc1>p:last-child {
    margin-right: 0px;
}

.bloc1>p:nth-child(2),
.bloc1>p:nth-child(3),
.bloc1>p:nth-child(6),
.bloc1>p:nth-child(7){
    background-color: var(--orange) !important;
    color: #fff;
}


@media screen and (max-width:800px) {

    .bloc2 p {        
        max-width: 500px;        
        margin-left: auto;
        margin-top: auto;
        margin-top: 20px;
    }
    
}