/* تنظیمات پیش‌فرض */
.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover; /* جلوگیری از قطع شدن تصویر */
}

/* تنظیم ارتفاع فقط برای دسکتاپ */
@media (min-width: 992px) {
    #homepageSlider {
        max-height: 800px; 
        overflow: hidden;
    }

    .carousel-item {
        height:750px;
    }

        .carousel-item img {
            /*height: 100%;*/
            height: auto;
            object-fit: cover;
        }
}

/* برای موبایل و تبلت کوچک */
@media (max-width: 991px) {
    .carousel-item img {
        height: auto;
    }
}

    @media (max-width: 768px) {
        #homepageSlider {
            max-height: none; /* در موبایل محدودیت ارتفاع برداشته میشه */
        }
    }