.anim-down-up-grid.start {
    animation: moveDownUp 2s linear;
    -webkit-animation: moveDownUp 2s linear;
    animation-fill-mode: forwards;
}
.anim-right-left.start {
    animation: moveRightLeft 2s linear;
    -webkit-animation: moveRightLeft 2s linear;
    animation-fill-mode: forwards;
}
.anim-down-up.start {
    animation: moveDownUp 2s linear;
    -webkit-animation: moveDownUp 2s linear;
}
.anim-left-right.start {
    animation: moveLeftRight 2s linear;
    -webkit-animation: moveLeftRight 2s linear;
    animation-fill-mode: forwards;
}

@media (max-width: 992px) {
    .anim-down-up-grid.start {
        animation: unset;
    }
    .anim-movil-down-up-grid.start {
        animation: moveDownUp 2s linear;
        -webkit-animation: moveDownUp 2s linear;
        animation-fill-mode: forwards;
    }
    .anim-movil-right-left.start {
        animation: moveRightLeft 2s linear;
        -webkit-animation: moveRightLeft 2s linear;
        animation-fill-mode: forwards;
    }
    .anim-movil-down-up.start {
        animation: moveDownUp 2s linear;
        -webkit-animation: moveDownUp 2s linear;
        animation-fill-mode: forwards;
    }
    .anim-movil-left-right.start {
        animation: moveLeftRight 2s linear;
        -webkit-animation: moveLeftRight 2s linear;
        animation-fill-mode: forwards;
    }
}

@keyframes moveLeftRight {
    from {
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px);
    }
    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes moveDownUp {
    from {
        -webkit-transform: translateY(600px);
        transform: translateY(600px);
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes moveRightLeft {
    from {
        -webkit-transform: translateX(600px);
        transform: translateX(600px);
    }
    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}