*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body{
    height: 100%;
    background: #000;
    margin: 0;
    padding: 0;
}
/* Contenedor principal */
.principal-image {
    width: 100%;
    min-height: 100vh;

    background-image: url('../images/goodman.jpeg');
    background-size: cover;     
    background-position: top center; 
    background-repeat: no-repeat; 

    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    .principal-image {
        background-size: cover;
        background-position: top center;
        background-attachment: fixed; 
        background-image: url('../images/goodman-tablet.jpeg');
    }
}
@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    .principal-image {
        background-size: contain!important;
        background-position: center bottom;
        background-attachment: fixed;
        background: url(../images/goodman-tablet2.jpeg) center bottom / cover no-repeat fixed, linear-gradient(to right, rgb(48 47 43) 0%, rgb(51 50 46) 72%, rgb(28 26 23) 100%);
    }
}

@media (max-width: 767px) {
    .principal-image {
        background-size: cover;
        background-position: top center;
        background-image: url('../images/goodman-mobile.jpeg');
    }
}