.custom-frame {
    position: relative;
    display: inline-block;
}

.outer-frame {
    position: relative;
    display: block;
    padding: 62px 0;
    background-image: url('side-oben.png'), url('side-unten.png');
background-position: top center, bottom center;
background-repeat: repeat-x;
background-size: auto 62px;
}


.inner-frame {
position: relative;
display: block;
padding: 0 62px;
background-image: url('side-left.png'), url('side-right.png');
background-position: top left, top right;
background-repeat: repeat-y;
background-size: 62px auto;
}

.inner-frame img {
display: block;
width: 100%;
height: auto;
}

.corners {
position: absolute;
width: 62px;
height: 62px;
}

.top-left {
top: 0;
left: 0;
background-image: url('top-left-1.png');
}

.top-right {
top: 0;
right: 0;
background-image: url('top-right-3.png');
}

.bottom-left {
bottom: 0;
left: 0;
background-image: url('bottom-left-2.png');
}

.bottom-right {
bottom: 0;
right: 0;
background-image: url('bottom-right-2.png');
}