JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/teracotta-statue.jpg" alt="Terracotta female statue" class="frame">

CSS

img.frame {
  border-image: url('//s3-us-west-2.amazonaws.com/s.cdpn.io/4273/frame.png') 93 92 87 92 stretch stretch; 
  border-color: #f4be52;
  border-style: inset;
  border-width: 60px;
  display: block;
  width: 40%;
  height: auto;
  background-color: #ffe;
  margin: 0 auto;
}
@media all and (max-width: 500px) {
  img.frame { 
    border-width: 0px;
    width: 100%; }
}