.bloc.list-ateliers .wrapper .content{ 
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap-4);    
}
.bloc.list-ateliers .wrapper .content .box .img{
    width: 100%;
    aspect-ratio: 1/2;
    position: relative;    
    overflow: hidden;
}

.bloc.list-ateliers .wrapper .content .box .img img{
    transition: all 250ms ease-in-out;
}
.bloc.list-ateliers .wrapper .content .box:hover .img img{
    transform: scale(1.2);    
}

.bloc.list-ateliers .wrapper .content .box .title{
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-top: var(--gap);
    color: var(--color-black);
}

/******************** RESPONSIVE max-width: 480px ********************/
@media (max-width : 480px) {
}