<div class="card">
  <div class="content">
    <p class="heading">Card</p>
    <p class="para">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi laboriosam
      at voluptas minus culpa deserunt delectus sapiente inventore pariatur
    </p>
  </div>
</div>

<style>
/* From Uiverse.io by gharsh11032000  - Tags: animation, card, hover effect, css effect, cool card, cardhover , card animation, card hover */
.card {
  position: relative;
  display: flex;
  align-items: center;
  justify-cont