JSFiddle - React, Tailwind, and code Playground

HTML

<div>123</div>

CSS

* {
    margin: 0;
    padding: 0;
}
div {
    border-style: solid;
border-width: 96px 129px 104px 86px;
-moz-border-image: url(http://arstyle.org/uploads/posts/2012-05/1336154765_1333994557_old_parchment_04.jpg) 96 129 104 86 stretch;
-webkit-border-image: url(http://arstyle.org/uploads/posts/2012-05/1336154765_1333994557_old_parchment_04.jpg) 96 129 104 86 stretch;
-o-border-image: url(http://arstyle.org/uploads/posts/2012-05/1336154765_1333994557_old_parchment_04.jpg) 96 129 104 86 stretch;
border-image: url(http://arstyle.org/uploads/posts/2012-05/1336154765_1333994557_old_parchment_04.jpg) 96 129 104 86 fill stretch;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    transition: 0.3s;
}
div:hover {
    width: 200px;
    height: 200px;
    line-height: 200px;
}