.seta {
    display: block;
    margin: auto;
    height: 10vh;
    padding: 15px;
    animation: seta-in 2s infinite;
    opacity: 0.6;
    filter: var(--seta);
}

.seta__animation {
    animation: seta-off 1.5s;
    transition: 1s;
    opacity: 0;
}

/* @media screen and (min-width: 768px){
    .seta {
        
    }
} */

@keyframes seta-off {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(200%);
    }
}

@keyframes seta-in {
    0% {
        transform: translateY(0%);
    }

    15% {
        transform: translateY(10%);
    }

    25% {
        transform: translateY(0%);
    }

    35% {
        transform: translateY(10%);
    }

    60% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(0%);
    }
}