html, body {
    height: 100%;
    margin: 0;
}
body {
    display: flex;
    align-items: center;
    overflow-x: auto;
    background: #444;
    color: #fff;
    __border: 2px solid red;
}
#content {
    width: 110vw;
    min-width: 1000px;
    flex-shrink: 0;
    padding: 0 30%;
    __border: 2px solid green;
}
#content a {
    text-decoration: none;
    color: inherit;
}
.sprite {
    position: relative;
    height: 128px;
    margin: 0 256px;
    background: url(langbjørn-body-128.png);
    __border: 2px solid blue;
}
.sprite::before,
.sprite::after {
    position: absolute;
    display: block;
    content: '';
    width: 256px;
    height: 128px;
}
.sprite::before {
    left: -256px;
    background: url(langbjørn-head-128.png);
}
.sprite::after {
    right: -256px;
    background: url(langbjørn-tail-128.png);
}