body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

#background-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation: slide 25s infinite;
    opacity: 0.2;
        /* کاهش شفافیت تصاویر پس‌زمینه */
}

@keyframes slide {
    0% { background-image: url('image1.jpg'); }
    20% { background-image: url('image2.jpg'); }
    40% { background-image: url('image3.jpg'); }
    60% { background-image: url('image4.jpg'); }
    80% { background-image: url('image5.jpg'); }
	100% { background-image: url('image1.jpg'); }
}
#message { direction:rtl;font:'Byekan'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: red; font-size: 36px; font-weight: bold; text-align: center; background: rgba(255, 255, 255, 0.7); padding: 20px; border-radius: 10px; display: none; }