.slideshow-container {
    width: 100%;
    max-width: 100dvmin; /* 必要に応じて調整してください */
    aspect-ratio: 1 / 1; /* 比率 */
    margin: 2dvh auto;
    border-radius: 1dvmax;
    overflow: hidden;
    background-color: var(--card-bg, #001f1f); /* 読み込み中の背景色 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

#slideshow-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* opacity: 0; */
    /* transition: opacity 0.25s ease-in-out; */
}

/* JavaScriptでこのクラスを付け外ししてフェードイン・アウトさせます */
#slideshow-image.active {
    opacity: 1;
}