body {
    background-color: red;
}

.image {
    width: auto;
    max-height: 120px;
    background: #FFFFFF url('../assets/relative-css-image.jpg') center center no-repeat;
}

.image-quotes {
    width: auto;
    max-height: 120px;
    background: #FFFFFF url("../assets/relative-css-image-quotes.jpg") center center no-repeat;
}

.large-image {
    width: 100%;
    background-image: url(../assets/relative-css-image-large.jpg);
    background-position: top center;
    background-size: contain;
}

@media only screen and (min-device-pixel-ratio: 2) and (min-resolution: 2dppx) {
    .large-image {
        background-image: url('../assets/relative-image1.jpg');
    }
}