.welcome{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    margin : 100px 0;
}

.paragraphe-index{
    width:600px;
    color:rgb(54, 52, 53);
    font-weight: 100;
    line-height:30px;
    margin:0 20px 30px 20px;
}
.eleveur-berger-blanc-suisse{
    width:330px;
    height:330px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-eleveur-berger-blanc-suisse{
    width:100%;
    max-height: 100%;
    object-fit: cover;
    object-position: 0 -110px;
}
@media only all and (min-width:960px) and (max-width:1040px){

.welcome{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    margin : 70px 0;
}
}
@media only all and (min-width:1px) and (max-width:959px){

    .welcome{
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
        margin : 40px 0;
    }
    .h1-welcome{
        font-size:1.5rem;
    }
    }
@media only all and (min-width:1px) and (max-width:330px){

    .img-eleveur-berger-blanc-suisse{
        width:100%;
        max-height: 100%;
        object-fit: cover;
        object-position: 0 -80px;
    }

        }