.home-full-with-image {
    margin-left: calc(-56vw + 50%);
    height: 55vh;
    margin-right: calc(-56vw + 50%);
    background-size: cover;
    background-attachment: fixed;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:768px) {
    .home-full-with-image {
        height:0;
        padding-bottom:calc(418 / 393 * 100%);
        background-position-x: center;  
    }
}

@supports (-webkit-hyphens: none) {
    @media (-webkit-min-device-pixel-ratio: 1.25) {
        .home-full-with-image {
            background-attachment: scroll;
        }
    }
}