/* CSSでスライドの見た目を整える */
        .slider-container {
            max-width: 100%; 
            margin: auto; 
            overflow: hidden; 
            position: relative;
            border: 1px solid #ccc;
        }

        .slide-wrapper {
            /* 3枚の画像があるので幅300% */
            display: flex; 
            width: 300%; 
            /* スライドのアニメーション (0.8秒) */
            transition: transform 0.8s ease-in-out; 
        }

        .slide {
            /* 3枚でコンテナ幅の33.333%ずつ */
            width: 33.333%; 
            flex-shrink: 0; 
        }

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