.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%)}
}