<img class="mat" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/chinese-princess.jpg" alt="Photograph of a Chinese model dressed as a princess reclining on a wooden bench">
img.mat {
  width: 50%;
  height: auto;
  display: block;
  margin: 4rem auto;
  padding: 10%;
  background-color: #A67B5B;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/cardboard.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 6px double #483C32;
  box-shadow: 0 0 0 50px rgba(244, 240, 236, 0.4) inset, 0 0 0 11px rgb(180, 130, 90), 0 0 30px rgba(0, 0, 0, 0.8) inset;
  outline: 2px solid #333;
  outline-offset: 0px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js