.banner-container {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0; /* Usuwa odstępy pod obrazem */
    overflow: hidden; /* Zapobiega przesunięciom layoutu */
}

.banner-image {
    width: 100%;
    height: auto;
    display: block;
    max-width: 1920px; /* Maksymalna szerokość dla desktopu */
    object-fit: cover; /* Zapewnia idealne dopasowanie */
    margin: 0 auto;
}

/* Responsywność dla telefonów */
@media (max-width: 390px) {
    .banner-image {
        max-width: 390px;
        aspect-ratio: 390 / 278; /* Proporcje dla telefonu */
    }
}

/* Responsywność dla tabletów */
@media (min-width: 391px) and (max-width: 800px) {
    .banner-image {
        max-width: 800px;
        aspect-ratio: 800 / 571; /* Proporcje dla tabletu */
    }
}

/* Responsywność dla laptopów */
@media (min-width: 801px) and (max-width: 1200px) {
    .banner-image {
        max-width: 1200px;
        aspect-ratio: 1200 / 444; /* Proporcje dla laptopa */
    }
}

/* Responsywność dla desktopów */
@media (min-width: 1201px) {
    .banner-image {
        max-width: 1920px;
        aspect-ratio: 1920 / 711; /* Proporcje dla desktopu */
    }
}