<div class="images_box">
  <img src="Ссылка на изображение №1">
  <img src="Ссылка на изображение №2">
  <img src="Ссылка на изображение №3">
</div>

.images_box {
  display:flex;
  justify-content:center;
  align-items:center;
  max-width: 600px;
  max-height: 400px;
  gap: 3rem;
}

.images_box img {
  opacity: 0.4;
}

.images_box img:hover {
  opacity: 1;
  transform: perspective(800px);
}

img {
  width: 40%;
  height: 100%;
  border-radius: 10px;
  transform-origin:center;
  transform:perspective(500px) rotateY(30deg);
  -webkit-box-reflect: below 3px linear-gradient(transparent, transparent, rgba(255,255,255,0.3));  
  transition: 0.6s;
}