.slider {
    position: relative;
    overflow: hidden; /* 隐藏溢出的内容 */
    width: 50%; /* 或者你想要的其他宽度 */
    height: auto; /* 保持图片的纵横比 */
    background-color: rgba(255, 255, 255, 0.3);
    
}

.slides {
    display: flex;
    transition: transform 0.5s ease; /* 平滑过渡效果 */
}



img {
    min-width: 100%; /* 确保图片填满容器 */
    flex-shrink: 0; /* 防止图片被压缩 */
}