/* Ken Burns Slideshow Effect
.kb-img {
    opacity: 0;
    transform: scale(1);
    transition: opacity 2s ease-in-out;
}
.kb-img.active {
    opacity: 1;
    animation: kenburns 15s ease-out forwards;
}

@keyframes kenburns {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}

*//* Hide scrollbar for the modal forms but allow scrolling *//*
.step-panel::-webkit-scrollbar {
    display: none;
}
.step-panel {
    -ms-overflow-style: none;
    scrollbar-width: none;
} */

/* Endless Dual-Scroll Gallery */
.animate-scroll-up {
    animation: scrollUp 25s linear infinite;
}
.animate-scroll-down {
    animation: scrollDown 25s linear infinite;
}

/* Pauses the scroll if the user hovers over the images */
.animate-scroll-up:hover, .animate-scroll-down:hover {
    animation-play-state: paused;
}

@keyframes scrollUp {
    0% { transform: translateY(0); }
    /* Translates by half its height, which loops seamlessly because we duplicate the images in HTML */
    100% { transform: translateY(-50%); } 
}
@keyframes scrollDown {
    0% { transform: translateY(-50%); }
    100% { transform: translateY(0); }
}