<div class="gallery">
   <img src="https://image.prntscr.com/image/2urC0Qg7QMai6RlECuOi7w.png" alt="" class="left">
   <img src="https://image.prntscr.com/image/2urC0Qg7QMai6RlECuOi7w.png" alt="">
   <img src="https://image.prntscr.com/image/2urC0Qg7QMai6RlECuOi7w.png" alt="" class="right">
  </div>
   .gallery {
    text-align: center;
    perspective: 800px;
   }
   .left {
    transform: rotateY(-30deg); 
    transform-origin: right center; 
   }
   .right {
    transform: rotateY(30deg); 
    transform-origin: left center;
   }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.