.postcard-slider {
    overflow: hidden;
    width: 100%;
}


.slides img {
    width: 100%;
    flex: 0 0 33.333%; /* Adjust if adding more images */
}
.slides {
    display: flex;
    transition: transform 1s ease-in-out; /* Increased duration for smoother transition */
    width: 100%;
}

.postcard {
    flex: 0 0 100%; /* Ensure each postcard takes full width of the slider */
}