.wow_wrap {
    width: 100%;
    float: left;
    overflow: hidden;
}

.wow_wrap .wow {
    transition: all 2s;
    opacity: 0;
    visibility: hidden;
    height: fit-content;
    position: relative;
}

.wow_wrap .wow.fade_left {
    transform: translateX(-300px);
}

.wow_wrap .wow.fade_right {
    transform: translateX(300px);
}

.wow_wrap .wow.fade_left.active_fade,
.wow_wrap .wow.fade_right.active_fade {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.wow_wrap .wow.fade_top.active_fade {
    opacity: 1;
    visibility: visible;
    animation: fadeTop linear 2s 1;
}

@keyframes fadeTop {
    0% {
        transform: translateY(-300px);
    }

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

.wow_wrap .wow.fade_down.active_fade {
    opacity: 1;
    visibility: visible;
    animation: fadeDown linear 2s 1;
} 

@keyframes fadeDown {
    0% {
        transform: translateY(300px);
    }

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