.background {
    position: fixed;
    background-color: #1d1d1c;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url('/img/Fondos_Spanter_HD.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

/* 2560x1440 */
@media (min-width: 2000px) and (orientation: landscape) {
    .background {
        background-image: url('/img/Fondos_Spanter_QHD.jpeg');
    }
}

/* 3840x2160 - 4K */
@media (min-width: 3000px) and (orientation: landscape) {
    .background {
        background-image: url('/img/Fondos_Spanter_IMAC.jpeg');
    }
}

/* 1536x2048 - vertical */
@media (orientation: portrait) and (min-width: 1200px) {
    .background {
        background-image: url('/img/Fondos_Spanter_TABLET.jpeg');
    }
}

/* 1080x1920 - m贸vil vertical */
@media (orientation: portrait) and (max-width: 1199px) {
    .background {
        background-image: url('/img/Fondos_Spanter_MOBILE.jpeg');
    }
}