JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, exercitationem?
<button>
click it
</button>
<input type="text">
</div>
CSS
.container {
width: 200px;
height: 200px;
border: 1px solid black;
background-color: #151515;
margin: 20px auto;
position: relative;
color: white;
-webkit-box-reflect: below;
}
.container::after {
content: '';
width: 100px;
height: 100px;
display: inline-block;
background-color: red;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}