JSFiddle - React, Tailwind, and code Playground

HTML

<div id="column">
    <div id="content">
        <div id="over"></div>
    </div>
</div>

CSS

#column {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    width: 230px;
}
#over {
    margin: 0;
    height: 400px;
    background-color: cyan;
}
#content {
    width: 100px;
    height: 100px;
    border: solid lightgreen 5px;
    padding: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
#content:hover {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}