.slider_container {
    display: flex;
    overflow: hidden; /* Hides other slides outside the container */
    width: 100%; /* Adjust to the size you need */
}

.slide {
    min-width: 100%;
    transition: transform 0.5s ease-in-out; /* Slide animation */
    display: none; /* Initially hide all slides */
}

.slide.active {
    display: block; /* Show the active slide */
}

button {
    cursor: pointer;
}