JSFiddle - React, Tailwind, and code Playground

HTML

<div class="relative-parent">
    <div class="my-square"></div>
<div>

CSS

.relative-parent {
    width:500px;
    height:500px;
    background-color:gray;
    position:relative;
}
.my-square {
    width:150px;
    height:150px;
    background-color:red;    
    position:absolute;
    transform:matrix(0.650718, 0.759319, -0.759319, 0.650718, 0, 0);
    top:150px;
    left:150px;
    transform-origin:50% 50% 0;
}