@media screen and (min-width: 1280px){
    .profil_picture {
        width: 300px;
        height: 300px;
    }
    .profil_picture_bernard {
        background:   linear-gradient(0deg, rgba(110, 118, 229, 0.2), rgba(110, 118, 229, 0.2)), url(../ressources/img/Bernard.webp) no-repeat;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 200px;
        height : 200px;
        background-size: 200px;
    }
    .profil_picture_gilbert {
        background:   linear-gradient(0deg, rgba(110, 118, 229, 0.2), rgba(110, 118, 229, 0.2)), url(../ressources/img/Gilbert.webp) no-repeat center;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 200px;
        height : 200px;
        background-size: 200px;
    }
    .profil_picture_marjorie {
        background:   linear-gradient(0deg, rgba(110, 118, 229, 0.2), rgba(110, 118, 229, 0.2)), url(../ressources/img/Marjorie.webp) no-repeat center;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 200px;
        height : 200px;
        background-size: 200px;
    }
}
@media screen and (max-width: 1280px){
    .profil_picture_bernard {
        background:   linear-gradient(0deg, rgba(110, 118, 229, 0.2), rgba(110, 118, 229, 0.2)), url(../ressources/img/Bernard.webp) no-repeat;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 150px;
        height : 150px;
        background-size: 150px;
        object-fit: cover;
    }

    .profil_picture_gilbert {
        background: linear-gradient(0deg, rgba(110, 118, 229, 0.2), rgba(110, 118, 229, 0.2)), url(../ressources/img/Gilbert.webp) no-repeat center;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 150px;
        height: 150px;
        background-size: 150px;
        object-fit: cover;
    }

    .profil_picture_marjorie{
        background:   linear-gradient(0deg, rgba(110, 118, 229, 0.2), rgba(110, 118, 229, 0.2)), url(../ressources/img/Marjorie.webp) no-repeat;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 150px;
        height : 150px;
        background-size: 150px;
        object-fit: cover;
    }

}
.mosaique {
    max-height: 700px;
}
.silo_cylinder_ {
    width: 90%;
    height: auto;
}
.sources {
    width: 50%;
    height: auto;
}
.profil_picture {
    width: 150px;
    height: 150px;
    max-width: none;
    max-height: none;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    object-fit: cover;
    filter: grayscale(30%)
}
.profil_picture_top {
    object-position :top;
}
.profil_picture_center {
    object-position :center;
}