/* Slider - Animations */
.slide.anim-fade {
    animation: fadeIn 3s ease-in-out;
}

.slide.anim-slide-up img {
    animation: slideUpImg 3s ease-out forwards;
}

.slide.anim-zoom img {
    animation: zoomIn 3s ease-in-out infinite alternate;
}

.slide.anim-slide-left img {
    animation: slideLeft 3s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUpImg {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

@keyframes slideLeft {
    from {
        transform: translateX(50px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Animation for active slide only */
.slide.active.anim-fade {
    animation: fadeIn 3s ease-in-out;
}

.slide.active.anim-slide-up img {
    animation: slideUpImg 3s ease-out forwards;
}

.slide.active.anim-zoom img {
    animation: zoomIn 3s ease-in-out infinite alternate;
}

.slide.active.anim-slide-left img {
    animation: slideLeft 3s ease-out forwards;
}