/* .owd-fade-in{
    animation: owd-fade-in linear forwards;
    animation-timeline: view();
    animation-range: entry;
}

@keyframes owd-fade-in{
    0%{
        opacity: 0;
        transform: translateY(400px);
    }

    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;
        transform: translateY(0px);
    }
} */

.owd-fade-up{
    opacity: 0;
    filter: blur(5px);
    transform: translateY(100px);
    transition: all 1s;
}

.owd-fade-up-show{
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

.owd-fade-down{
    opacity: 0;
    filter: blur(5px);
    transform: translateY(-100px);
    transition: all 1s;
}

.owd-fade-down-show{
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}


.owd-fade-left{
    opacity: 0;
    filter: blur(5px);
    transform: translateX(100px);
    transition: all 1s;
}

.owd-fade-left-show{
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

.owd-fade-right{
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100px);
    transition: all 1s;
}

.owd-fade-right-show{
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

@media (min-width:782px){
    .owd-fade-delay-1{
        transition-delay: 200ms;
    }

    .owd-fade-delay-2{
        transition-delay: 400ms;
    }

    .owd-fade-delay-3{
        transition-delay: 600ms;
    }

    .owd-fade-delay-4{
        transition-delay: 800ms;
    }
}

@media(prefers-reduced-motion){
    .owd-fade-up{
        transition: none;
    }

    .owd-fade-down{
        transition: none;
    }

    .owd-fade-left{
        transition: none;
    }

    .owd-fade-right{
        transition: none;
    }
}