JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.box {

    width: 400px;
    height: 400px;
    border: 1px solid green;

}

.frame {
    width: 100px;
    height: 100px;
    border: 1px solid red;
    transform: rotate(10deg);
}

.frame:after {
    display: block;
    position: absolute;
    content: ' ';
    
    width: 90px;
    height: 90px;
    border: 1px solid blue;
}

.frame:before {
    display: block;
    position: absolute;
    content: ' ';
    width: 95px;
    height: 95px;
    border : 1px solid orange;
}