Graves code

body{
background-color:#502c2e;
overflow:hidden;
}

#image{
background-image:url(https://i.imgur.com/y6QQSaX.png);
background-size:100%;
background-repeat:no-repeat;
width:300px;
height:320px;
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:100px;
filter:drop-shadow(0px 0px 5px #000);
z-index:10;
}

#box {
width:700px;
height:300px;
background-color:#3d0f0f;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-400px;
}

#boximage1{
width:400px;
height:75px;
position:absolute;
background-color:#fff;
margin-left:50px;
margin-top:-50px;
box-shadow: 0px 0px 5px 0px;
background-image:url(https://66.media.tumblr.com/b26f9e883876a5932cc9a6971e426ee9/tumblr_o11wg3bnOQ1scpq9co1_1280.jpg);
background-size:100%;
background-position:0px -80px;
}

#boximage2{
width:600px;
height:75px;
position:absolute;
bottom:0px;
background-color:#fff;
margin-left:50px;
margin-bottom:-50px;
background-image:url(https://66.media.tumblr.com/27b5041a4eb5656567878ff02863e4ed/tumblr_pbhkdfZUJZ1urro55o3_1280.jpg);
background-size:100%;
background-position:0px -120px;
box-shadow: 0px 0px 5px 0px;
}

#box1{
width:200px;
height:200px;
border:solid 1px #fff;
position:absolute;
margin-top:50px;
margin-left:25px;
}

#box2{
width:240px;
height:200px;
border:solid 1px #fff;
position:absolute;
margin-top:50px;
margin-left:250px;
}

<div id="image"></div>
<div id="box">
<div id="boximage1"></div>
<div id="boximage2"></div>
<div id="box1">
</div>
<div id="box2">
</div>
</div>