* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #0b1e33;
}

/* DESKTOP */
.header-desktop {
    display: block;
    width: 100%;
    height: auto;            /* ⬅ kluczowe */
}

.header-desktop img {
    width: 100%;
    height: auto;            /* ⬅ NIC NIE UCINA */
    display: block;
}

/* MOBILE */
.header-mobile {
    display: none;
}

@media (max-width: 768px) {

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
        width: 100%;
        height: auto;
    }

    .header-mobile img {
        width: 100%;
        height: auto;        /* ⬅ brak ucinania góra/dół */
        display: block;
    }
}