.abrazotxt{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.frutosyvinculos{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.divisor{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.frutosyvinculos1img{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.fyvtxt{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.elhornero{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.hornero1img{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.hornerotxt{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

.abrazo1img{
    animation: text-appear both;
    animation-timeline: view(60% 10%);
}

@keyframes text-appear{
    from{
        filter: saturate(0) contrast(4) brightness(.1) blur(5px);
        scale: .95;
        opacity: 0;
        translate: 0 4rem;
    }
    to{
        filter: none;
        opacity: 1;
        scale: 1;
        translate: 0 0;
    }
}