/***************
* REALISATIONS *
***************/


.realisations{
    margin: 4rem 10%;
}
.realisation {
    position: relative;
    height: fit-content;
}
.realisation__legende {
    position: absolute;
    bottom: 3px;
    left: 0;
    padding: 1rem;
    background-color: #0000008e;
    color: white;
}
.realisations__conteneur{
    margin-top: 2rem;
}

/* Responsive desktop */
@media screen and (min-width: 750px) {
    .realisations{
        margin-bottom: 16rem;
    }
    .realisations__conteneur {
        column-count: 3;
        column-fill: balance;
        margin: 3rem auto;
    }
    .realisations__conteneur:last-of-type{
        column-count: 2;
    }
    .realisation {
        display: inline-block;
        width: 100%;
        margin: 0.5rem;
        overflow: hidden;
    }
    .realisation__image {
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: .3s all;
    }
    .realisation__image:hover{
        filter: contrast(150%);
        transform: scale(1.2);
    }
}