JSFiddle - React, Tailwind, and code Playground

by aldomatic

HTML

<div id="a">
&nbsp;
<div id="b">
Hello

</div>

</div>

CSS

div#a {
  background-image: url(https://i.imgur.com/MewygJK.png);
  width: 100%;
    height: 500px;
  display: block;
}
div#b {
  background-color: #fff;
  height: 300px;
  width: 80%;
  margin-left: 40px;
  margin-top: 30px;
  border-image-slice: 34 34 34 34 fill;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: round round;
  border-image-source: url("https://i.imgur.com/BIQmZDn.png");
  padding: 20px;
  background-image: url(https://i.imgur.com/3uMyUQt.png);
}