.the-face-of-phat-bites{
        background-size:     cover; 
        background-repeat:   no-repeat;
        background-position: center center;
    }
    
    @media (max-width: 1080px){
        .the-face-of-phat-bites{
            background-image:   url('/images/the-face-of-phat-bites-min.png');
            width:              100%;
            height:             calc( 100vw * 0.5);
            align-self:         center;
        }
    }
    @media (min-width: 1081px){
        .the-face-of-phat-bites{
            background-image:       url('/images/the-face-of-phat-bites.png');
            display:            block;
            margin-left:        auto;
            margin-right:       auto;
            width:              calc(( 100vh - 10rem ) * 1.78);
            height:             calc( 100vh - 10rem );
            align-self:         center;
        }
    }