.reveal {
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
    filter: blur(8px);
}
.reveal.active {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
}

@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}
@keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}

.zoom-img {
    border-radius: .75rem;
    overflow: hidden;
    transform: translateZ(0);
}
.zoom-img img {
    display: block;
    transition: transform .35s ease-in-out;
}
.zoom-img:hover img {
    transform: scale(1.05);
}

.animate__animated{
    transition: 1s all ease;
}
.blur{
    filter: blur(5px);
    transition: 1s all ease;
}
.animate__fadeIn{
    filter: blur(0);
}
.animate__fadeOut{
    filter: blur(5px);
}
.animate__delay-0_8s{
    --animate-delay: 0.8s;
}

@keyframes goLeft{
    0% {transform:translateX(0)} to {transform:translateX(-100%)}
}

@-webkit-keyframes goLeft {
    0% {transform:translateX(0)} to {transform:translateX(-100%)}
}


@keyframes first-text-animation {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    40% {
        opacity: 1;
        transform: translateY(0);
    }
    50% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 0;
    }
}
@keyframes second-text-animation {
    49% {
        opacity: 0;
        transform: translateY(50px);
    }
    50% {
        opacity: 1;
        transform: translateY(0);
    }
    90% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
    }
}