.slideshow-container {
    width: 100%;
    max-width: 1270px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* No overflow hidden needed strictly, but good for safety */
    overflow: hidden;
}

.slideshow-track {
    /* Use grid to stack images on top of each other */
    display: grid;
    /* This makes all children occupy the same cell */
    grid-template-areas: "stack";
}

.slideshow-track img {
    grid-area: stack;
    width: 100%;
    height: auto;
    display: block;

    /* Fade transition setup */
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
}

.slideshow-track img.active {
    opacity: 1;
    z-index: 1;
}

/* Responsive adjustments - mainly taken care of by width: 100% */
@media (max-width: 768px) {
    /* Any specific mobile tweaks if needed */
}