:root{--page-title-display:none;}/* Start custom CSS */.all-images {
    opacity: 0;
    transform: translateX(-100px); /* به طور پیش‌فرض خارج از صفحه (چپ) */
    transition: opacity 0.5s ease, transform 0.5s ease;
    display: none; /* به طور پیش‌فرض مخفی */
    position: relative; /* برای کنترل بهتر موقعیت */
}

.all-images.active {
    opacity: 1;
    transform: translateX(0); /* ورود به موقعیت اصلی */
    display: block; /* نمایش تصویر فعال */
}

.all-images.fade-out {
    opacity: 0;
    transform: translateX(-100px); /* خروج به سمت چپ */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* اطمینان از نمایش تصویر اول موقع لود */
#image1.active {
    opacity: 1;
    transform: translateX(0);
    display: block;
}/* End custom CSS */