JSFiddle - React, Tailwind, and code Playground

by Greg Borreson

HTML

<html>
<body>
<div id=div1 class="sketchy-border">

</div>
<div id=div2 class="sketchy-border">

</div>
</body>
</html>

CSS

.sketchy-border {
  border-image-source: url('https://i.postimg.cc/yYSSW7Qw/2020-04-20.jpg');
  border-image-slice: 7;
  border-width: 7px;
}

#div1 {
  height: 300px;
  width: 400px;
  margin-bottom: 20px;
}

#div2 {
  height: 700px;
  width: 200px;
}