Как сделать такой ховер с помощью perspective?

body {
  margin: 0;
  padding: 0;
}

* {
  	box-sizing: border-box;
}


*::after,
*::before {
  box-sizing: border-box;
}
	
  
.wrap {
  display: flex;
  background-color: #10ADF4;
  padding: 20px;
}

.item {
  width: 50%;
  padding: 20px;
}

<div class="wrap">
  <div class="item">
    <h3>lorem</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis voluptate voluptas, laudantium nisi reiciendis odit, at veritatis molestiae et autem, quod vero, rerum nobis temporibus aperiam saepe minus. At, totam.</p>
  </div>
  <div class="item">
    <h3>lorem</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis voluptate voluptas, laudantium nisi reiciendis odit, at veritatis molestiae et autem, quod vero, rerum nobis temporibus aperiam saepe minus. At, totam.</p>
  </div>
</div>