Add second background

by Bruno G.

HTML

<div class="wrap">
    <div class="one two"></div>
</div>

CSS

.wrap {
    width:300px;
    height: 300px;
    border:1px solid red;
    position:relative;
}
.one {  
    width:100%;height:100%;
    background-image: url(http://dummyimage.com/300x300/dfdbb9/fff.png);
    background-repeat:no-repeat;
    background-position:left top;
}
.two:after {    
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 1;   
    background-image:  url(http://dummyimage.com/200x200/b9d9df/fff.png);
    background-repeat:no-repeat;        
    background-position:left bottom;
}