body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    
}

.image-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;


}

#main-image {
    width: 100%;
    height: auto;
}

/* Bildwechsel bei 1015px */
@media (max-width: 1315px) {
    #main-image {
        content: url('NORDIR-bg1.jpg');
    }
}

/* Bildwechsel bei 740px */
@media (max-width: 740px) {
    #main-image {
        content: url('NORDIR-bg1.jpg'); 
    }
}