/* styles.css */

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

/* Individual slides */
.mySlides img {
    width: 100%; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
}

/* Navigation dots */


.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    transition: background-color 0.3s;
}

/* Active dot */
.dot.active {
    background-color: #333;
}

/* styles.css */