JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"><div id="a"></div></div>
<div class="container"><div id="b"></div></div>

CSS

div.container {
  border: solid 1px grey;
}

div#a {
  background: blue;
  height: 100px; width: 100px;
  transform: translate(80px, 80px) scale(1.5, 1.5) rotate(45deg);  
}

div#b {
  background: orange;
  height: 100px; width: 100px;
  transform: rotate(45deg) scale(1.5, 1.5) translate(80px, 80px)  ;
}