@-webkit-keyframes swipe-left {
  0% {
  //  z-index: 10;
    opacity: 1;
    background-position-x: 0px;
  }
  36% {
    opacity: 1;
   // z-index: 10;
    background-position-x: 0px;
  }
  50% {
    opacity: 0;
    //z-index: 10;
    background-position-x: -50px;
  }  
  86% {
    opacity: 0;
 //   z-index: 10;
    background-position-x: 50px;
  }
  100% {
  //  z-index: 0;
    opacity: 1;
    background-position-x: 0px;
  }
}

@-webkit-keyframes swipe-left2 {
  0% {
 //   z-index: 0;
    opacity: 0;
    background-position-x: 50px;
  }
  36% {
    opacity: 0;
 //   z-index: 0;
    background-position-x: 50px;
  }
  55% {
    opacity: 1;
 //   z-index: 0;
    background-position-x: 0px;
  }
  86% {
    opacity: 1;
 //   z-index: 10;
    background-position-x: 0px;
  }
  100% {
  //  z-index: 10;
    opacity:0;
    background-position-x: -50px;
  }
}