Frame over image

HTML

<div id="video-laptop" > <div width="560" height="390" 
  style="background: url(https://image.freepik.com/free-photo/cute-cat-picture_1122-449.jpg) center center no-repeat;"
></div> </div>

CSS

#video-laptop {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;}
 
#video-laptop iframe {
    box-sizing: border-box;
    background: url(http://i.stack.imgur.com/zZNgk.png) center center no-repeat;
    background-size: contain;
    padding: 11.9% 15.5% 14.8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}