.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: 0.8s ease-in-out;
    z-index: 0;
    opacity: 1;
  }
  
  .slide.active {
    z-index: 3 !important;
  }
  
  .transition-in-forward {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    transition: 0.8s ease-in-out;
  }
  
  .transition-in-backward {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    transition: 0.8s ease-in-out;
  }