JSFiddle - React, Tailwind, and code Playground

HTML

<div class="laptop-bg">
    <div class="laptop-content-bg"> 
    </div>
    <img src="http://i.stack.imgur.com/uS7Xm.png" />
</div>

CSS

img
{
  max-width: 100%;
}
.laptop-bg
{
   
   
   background-size: contain;
   background-clip: border-box;
   position:relative;
    background-position: center center;
    background-repeat: no-repeat;
}

.laptop-bg > .laptop-content-bg
{
   /* background-image(url:...); */
   background-color:blue;
   background-repeat: no-repeat;
   position: absolute;
   /* % to outer border */
   left:17.5%;
   top: 17%;
   bottom: 22%;
   right: 18.5%;
}