JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div class="box"></div>

CSS

.box {
  background: url("back.jpg") no-repeat scroll 0 0 / cover  transparent;
  border: 4px solid black;
  width:100px;
  height:100px;
  margin:10px;
}

.box:after {
   content: " ";
   border: 2px solid #826200;
   width:115px;
   height:118px;
   position: absolute;
   margin:-10px;
    border-top: none;
}