.vertical-fade-slider {
        position: relative;
        width: 250px;
        height: 100px;
        margin: auto;
        overflow: hidden;
    }

    .fade-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        animation: fadeSwap 6s infinite;
        transition: opacity 1s ease-in-out;
    }

    .fade-0 {
        animation-delay: 0s;
    }

    .fade-1 {
        animation-delay: 3s;
    }

    .fade-slide img {
        width: 100%;
    }

    /* Keyframes: Fade one in, then out, then the other */
    @keyframes fadeSwap {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 1;
        }

        40% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }