div.macbook-mockup{
  position:relative;
  max-width:1000px;
  margin:20px;
}

.macbook-mockup img.device{
  width:100%;
  height:auto;
}

.macbook-mockup .screen{
  position:absolute;
  width:78%;
  height:85.5%;
  top:5.5%;
  border-radius:4px;
  left:11%;
  overflow:hidden;
  background:url(../../assets/img/purpose.png);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.macbook-mockup .screen:before{
  content:'';
  background-color:#fff;
  position:absolute;
  width:70%;
  height:120%;
  top:-26%;
  right:-39%;
  transform:rotate(-19deg);
  opacity:0.1;
}