JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
  <div class="col">
    <div class="item">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.</p>
    <p class="show-this-onhover">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.
    </p>
    </div>
  </div>
  <div class="col">
    <div class="item">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.</p>
    <p class="show-this-onhover">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.
    </p>
  </div>
  </div>
  <div class="col">
    <div class="item">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.</p>
    <p class="show-this-onhover">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.
    </p>
  </div>
  </div>
  <div class="col">
    <div class="item">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quibusdam illo quas veniam temporibus voluptatibus, dolore odit quam, sunt hic quos perspiciatis at fuga rem impedit voluptatem maxime error natus.</p>
    <p class="show-this-onhover">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit....

SCSS

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 560px;
  
  .col {
    position: relative;
    height: 12em;
    width: 16em;
  }
  .item {
    position: absolute;
    width: 250px;
    background-color: gold;
    padding: 10px;
    
    &:hover {
      z-index: 1;
      background-color: red;
      transform: scale(1.1);
      
      p {
        display: block;
      }
    }
    
    .show-this-onhover {
      display: none;
    }
  }
}