JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<span></span>

CSS

div, span {
  width:30%;
  height:30%;
  background:pink;
  transition:all 1s ease;
  position:absolute;
  transition-origin: 50% 50%;
}
div:hover{
  transform: scale(.1);
}
span:hover{
  width:10%;
  height:10%;
}
div{
  top:10%;
  left:10%;
}
span{
  bottom:10%;
  right:10%;
}