.banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.banner-slide.active {
    opacity: 1;
    z-index: 1;
    display: block;
}

/* TYLKO te 3 linie - bez zmiany wysokości */
#random-banner-container {
    position: relative;
}

#random-banner-container img {
    display: block;
}

/* Zachowaj wszystkie oryginalne media queries bez zmian */
@media (max-width: 500px) {
    #random-banner-container {
        height: calc(100vw * 1.2);
        top: -.7rem;
    }
    #random-banner-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 501px) and (max-width: 768px) {
    #random-banner-container {
        height: calc(100vw * 0.26);
        top: -.7rem;
        bottom: 1rem;
        overflow: hidden;
    }
    #random-banner-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 769px) {
    #random-banner-container {
        height: auto;
    }
    #random-banner-container img {
        width: 100%;
        height: auto;
    }
}