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

body {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-image: url('img/background_pizza.jpg'); /* Immagine di default per desktop */
}

/* Tablet */
@media (max-width: 1024px) {
    body {
        background-image: url('img/background_pizza.jpg');
    }
}

/* Smartphone in modalità verticale */
@media (max-width: 768px) and (orientation: portrait) {
    body {
        background-image: url('img/background_pizza_cel_vert.jpg');
        background-attachment: scroll; /* Per migliorare le performance su dispositivi mobili */
    }
}

/* Smartphone in modalità orizzontale */
@media (max-width: 768px) and (orientation: landscape) {
    body {
        background-image: url('img/background_pizza.jpg'); /* Immagine per smartphone in orizzontale */
        background-attachment: scroll; /* Per migliorare le performance su dispositivi mobili */
    }
}