change image on hover

.stacked-images {
  display: grid;
  place-items: end center;
}
.stacked-images > * {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}
.stacked-images > [data-pf-type="Image"]:last-of-type {
  opacity: 0;
  transition: all 250ms ease-in-out;
  visibility: hidden;
}
.stacked-images:hover > [data-pf-type="Image"]:last-of-type {
  opacity: 1;
  visibility: visible;
}