<div class="card">
  <div class="card-contents">
    <img src="https://source.unsplash.com/200x200" alt="random image">
    <p>Powder powder chocolate caramels dessert chocolate bar donut. Macaroon toffee soufflé bonbon carrot cake. Macaroon oat cake shortbread croissant powder. Cake tart ice cream jujubes oat cake pie wafer cupcake.</p>
  </div>
  <div class="card-hover">
    Toffee cake tiramisu jujubes tootsie roll. Brownie caramels danish pudding apple pie tart danish bear claw. Cheesecake caramels candy canes carrot cake gingerbread. Icing apple pie cotton candy powder jujubes cupcake tiramisu pie. Marshmallow tootsie roll gummi bears apple pie bonbon bonbon. Sugar plum oat cake powder cake fruitcake cake marshmallow apple pie chocolate cake. Chocolate chocolate sweet roll sweet roll cookie topping chocolate pastry. Pudding candy canes carrot cake gingerbread lemon drops candy canes. Cupcake jujubes caramels chupa chups cotton candy bear claw jelly-o. Gingerbread powder gingerbread bear claw topping soufflé jelly dessert.
  </div>
</div>

.card {
  display: grid;
  /* The below is o make the card look not terrible */
  width: calc(200px + 1em * 2); /* same as image + padding */
  border: 1px solid black;
  background-color: rgba(255, 255, 255, .75);
}

.card-contents,
.card-hover {
  grid-row: 1;
  grid-column: 1;
  padding: 1em;
}

.card-hover {
  background-color: aliceblue;
  z-index: -1;
}

.card:hover .card-hover {
  z-index: 1;
}