body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.carousel {
    width: 100%;
    max-width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}

/* Slides */
.slides {
    display: none;
    width: 100%;
    height: 100%;
}

/* Image Style */
.slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fade Animation */
.fade {
    animation: fadeEffect 1s;
}

@keyframes fadeEffect {
    from {opacity: 0.4;}
    to {opacity: 1;}
}