JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<div id="stay-in-place">
	<h1>hello world</h1>
	<p>ipsum dolorum caveat emptor veni vidi vici</p>
</div>

<div id="move-in-to-place">
	<h2>I'm on top</h2>
</div>
</div>

CSS

<style type="text/css">
	
	#stay-in-place {
		position:relative;
		height : 200px;
		width : 200px;
		background: red;
		-webkit-transition: height 1s, -webkit-transform 1s;
		transition: height 1s, transform 1s;
	}
	#stay-in-place:hover {
		height : 0px;
	}
	#move-in-to-place {
		position:absolute;
		height : 200px;
		width : 200px;
		background: blue;
	}

</style>