/* 既存のスタイルに追加する部分を示しています */

.slideshow-container {
    max-width: 800px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.slide {
    display: none;
    width: 100%;
    transition: opacity 1s ease;
}

.slide img {
    width: 100%;
    height: auto;
}

.fade {
    animation-name: fade;
    animation-duration: 2s;
}

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