.active{
    animation: josh 1s;
    
}

@keyframes josh {
    from {
        opacity: 1;
        translate: 0 0;
    }
    to {
        opacity: 0;
        translate: -100vw 0;
    }
}

.ativacion{
    animation: pear 1s;
}

@keyframes pear {
    from {
        opacity: 1;
        translate: 100vw 0;
    }
    to {
        opacity: 0;
        translate: 0vw 0;
    }
}

.caixa-galery{
    display: flex;
     
}
.back{
    animation: identifier 1s;
}
@keyframes identifier {
    from{
        opacity: 0;
        translate: -100vw 0;
    }
    to {
        opacity: 1;
        translate: 0 0;
    }
}

.sair{
    animation: Togoout 1s;
}
@keyframes Togoout {
    from{
        opacity: 0;
        translate: 0 0;
    }
    to {
        opacity: 0;
        translate: 100vw 0;
    }
}