/* สไตล์ของ slider */

.slider {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    max-width: 800px;
}

/* สไตล์ของแต่ละ slide */
.slide {
    display: none;
    width: 100%;
    height: auto;
}

/* แสดงภาพทั้งหมดใน slide */
.slide img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* ใช้แอนิเมชั่น fade */
@keyframes fade {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* เพิ่มการแสดงภาพ */
.fade {
    animation: fade 3s infinite;
}