my image slider is not working in html5 css3

div#captioned-gallery { width:2000px; overflow: hidden;animation-play-state:running }
    figure { margin: 0; }
    figure.slider {
    position: relative; width: 2000px;

    font-size: 0;animation-play-state:running ;animation-direction:normal ;animation:infinite;

   display:inline-block;
    }
    figure.slider figure {
    width: 200px; height: 600px;
    display: inline-block;
        position: inherit;
    }
    figure.slider img { width: 2000px; height: 600px; }
       figure.slider figure figcaption {
           position: absolute;
           bottom: -3.5rem;
           background: rgba(0,0,0,0.3);
           color: #fff;
           width: 2000px;
           font-size: 2rem;
           padding: .6rem;
           transition: .5s bottom;
       }
figure.slider figure:hover figcaption { bottom: 0; }


    </style>