#slider{
    overflow: hidden;
  }
  #slider figure{
    position: relative;
    width: 300%;
    margin: 0px;
    left: 0px;
    animation: 20s slider infinite;
  }
   #slider figure img{
    width: 33.33%;
    float: left;
   }
   @keyframes slider{

    from{
      left: 0;
    }

    to{
      left: -200%;
    }

    20%{
      left:0;
    }
    25%{
      left: -100%;
    }
    45%{
      left: -100%;
    }
    50%{
      left: -200%;
    }
    70%{
      left: -200%;
    }

   }