.image-slider {
    display: flex;
    overflow: hidden;
    height: 500px; /* Adjust the height as needed */
}

.image-slider .column {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 0 10px; /* Add margin between columns */
    position: relative;
}

.image-slider .column .image-wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 300%; /* Adjust height to cover all images */
    animation: scrollUp 120s linear infinite; /* Increase duration */
}

.image-slider .column:nth-child(2) .image-wrapper {
    animation: scrollDown 120s linear infinite; /* Increase duration */
}

.image-slider .column:last-child .image-wrapper {
    animation: scrollUp 120s linear infinite; /* Increase duration */
}

.image-slider .column .image-wrapper .image {
    flex: 1;
    margin-bottom: 10px; /* Spacing between images */
}

.image-slider .column .image-wrapper .image img {
    width: 100%;
    height: auto;
}

@keyframes scrollUp {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66.67%); } /* Adjust scroll range to show all images */
}

@keyframes scrollDown {
    0% { transform: translateY(-66.67%); } /* Adjust scroll range to show all images */
    100% { transform: translateY(0); }
}
