/* styles.css */
body, html {
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* styles.css */
.carousel-images {
    display: flex;
    animation: scroll 6000s linear infinite; /* 动画时间从40秒改为6000秒 */
}


.carousel-images img {
    height: 100vh;  /* 使用视窗高度 */
    width: auto;    /* 宽度自动调整以保持图片的长宽比 */
    flex: 0 0 auto;
    margin-right: 5px;  /* 右侧添加5px间隔 */
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% + 100vw - 5px)); } /* 调整以考虑间隔 */
}