.mascotte-1 {
position: absolute;
    bottom: -11px;
    right: -412px;
    width: 387px;
    transition: .3s;
}
.mascotte-4 {
    position: absolute;
    bottom: -12px;
    width: 254px !important;
    transition: .3s;
    object-fit: contain !important;
    margin: 0 auto;
    left: -118px;
}
@media (max-width: 1750px) {
    .mascotte-1 {
              bottom: 0px;
        right: -339px;
        width: 345px;
    }
}

@media (max-width: 1600px) {
    .mascotte-1 {
               bottom: 0;
        right: -281px;
        width: 298px;
    }
}

@media (max-width: 1450px) {
    .mascotte-1 {
       right: -170px;
        bottom: 130px;
    }
    .mascotte-3{
        left: -102px !important;
    }
  .mascotte-4 {   
    left: -118px !important;
}
    .mascotte-2 { 
    bottom: -24px !important;
    left: -68px;  ;
    top: 230px !important;
}
}

@media (max-width: 1340px) {
    .mascotte-1 {
              right: -120px;
        bottom: 157px;
    }
}

@media (max-width: 1310px) {
    .mascotte-1 {
        display: none;
    }
    .mascotte-2 {
        display: none!important;
    }
    .mascotte-3 {
        display: none;
    }
    .mascotte-4 {
        display: none;
    }
    .mascotte-5 {
        display: none;
    }
}

.mascotte-2 {
position: absolute !important;
    bottom: 55px;
    left: -81px;
    width: 40% !important;
    transition: .3s;
    display: block !important;
}

.mascotte-3 {
    position: absolute;
    bottom: 53px;
    left: -205px;
    width: 220px !important;
    transition: .3s;
    object-fit: contain !important;
}




@media (max-width: 768px) {
    .mascotte-4 {
        display: none;
    }
}


.mascotte-5 {
    position: absolute;
    bottom: -7px;
    left: -16%;
    width: 211px !important;
    transition: .3s;
    object-fit: contain !important;
}

@media (max-width: 1800px) {
    .mascotte-5 {
        left: 5%;
    }
}

@media (max-width: 1630px) {
    .mascotte-5 {
        left:-19%;
    }
}

@media (max-width: 1366px) {
    .mascotte-5 {
        left: -10%;
    }
}

@media (max-width: 1310px) {
    .mascotte-5 {
        left: -15%;
    }
}

@media (max-width: 1280px) {
    .mascotte-5 {
        display: none;
    }
}