table {
    border-collapse: collapse;
    width: 100%;
}
td {
    text-align: center;
    vertical-align: top;
    padding: 0;
    width: 50%;
    border: none; /* ✅ no borders */
}
img {
    max-width: 100%;
    height: auto;
}


/* Slideshow container */
.slideshow-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.slides {
    display: flex;
    width: 100%; /* 3 images side by side */
    animation: slide 12s infinite linear; /* continuous forward motion */
}

.slides img {
    width: 100%;
    flex-shrink: 0;
}

/* Keyframes for forward-only movement */
@keyframes slide {
    /* Show first image */
    0%   { transform: translateX(0%); }
    20%  { transform: translateX(0%); }   /* pause on first */

    /* Slide to second image */
    30%  { transform: translateX(-100%); }
    50%  { transform: translateX(-100%); }   /* pause on second */

    /* Slide to third image */
    60%  { transform: translateX(-200%); }
    80%  { transform: translateX(-200%); }   /* pause on third */

    /* Stay at last image (no rollback) */
    100% { transform: translateX(-200%); }
}

        /* Stack columns on small screens */
        @media (max-width: 600px) {
            table, tr, td {
                display: block;
                width: 100%;
            }
        }