Untitled

<body>
    <figure>
        <img src="zadanie-domowe-rwd-materialy/obrazy/man-1.jpg" alt="Zdjęcie nr 1" id="background">
    </figure>
</body>

#background {
    width: 100vw;
    background-position: center;
    background-size: cover;
 }

figure {
    width: 100%;
}

@media (max-width: 992px) {
    #background {
        height: 50vh;
    }
}

@media (min-width: 993px) and (max-width: 1170px) {
    #background {
        height: 70%;
        width: 100%;
        background-image: url('../zadanie-domowe-rwd-materialy/obrazy/man-2.jpg');
    }
}