JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inner">
    <h2>Admin Login</h2>
    <div class="outer">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus ratione quis voluptatum saepe facere illo officia aspernatur facilis odio unde ut neque quidem quas qui deserunt quo fugiat earum vitae.
    </div>
</div>

CSS

.inner {
  width: 300px;
  height: 400px;
  border: 5px solid #369;
  border-radius: 8px;
  margin: auto;
  -webkit-transform: perspective(600px) rotate3d(0, -10, 0, -10deg);
}

.inner h2 {
  text-align: center;
}

.outer {
  width: 100%;
  height: 100%;
  -webkit-transform: perspective(600px) rotate3d(0, -5, 0, 5deg);
}