#slideshow {
        overflow: hidden;
        height: 510px;
        width: 728px;
        margin: 0 auto;
    }
     
    /* Style each of the sides
    with a fixed width and height */
.imgcenter {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;

}
     
    .slide {
        float: left;
        height: 510px;
        width: 728px;
    }
     
    /* Add animation to the slides */
     
    .slide-wrapper {
         
        /* Calculate the total width on the
      basis of number of slides */
        width: calc(728px * 12);
         
        /* Specify the animation with the
      duration and speed */
        animation: slide 85s ease infinite;
    }
     
    /* Set the background color
    of each of the slides */
     
    .slide:nth-child(1) {
        background: green;
    }
     
    .slide:nth-child(2) {
        background: pink;
    }
     
    .slide:nth-child(3) {
        background: red;
    }
     
    .slide:nth-child(4) {
        background: yellow;
    }
     
    /* Define the animation
    for the slideshow */
     
    @keyframes slide {
         
        /* Calculate the margin-left for
      each of the slides */
        8.33% {
            margin-left: 0px;
        }
        16.66% {
            margin-left: calc(-728px * 1);
        }
        25% {
            margin-left: calc(-728px * 2);
        }
		33.33% {
            margin-left: calc(-728px * 3)
        }
        41.66% {
            margin-left: calc(-728px * 4);
        }
        50% {
            margin-left: calc(-728px * 5);
        }
		58.33% {
            margin-left: calc(-728px * 6)
        }
        66.66% {
            margin-left: calc(-728px * 7);
        }
        75% {
            margin-left: calc(-728px * 8);
        }
		83.33% {
            margin-left: calc(-728px * 9)
        }
        91.66% {
            margin-left: calc(-728px * 10);
        }
        100% {
            margin-left: calc(-728px * 11);
        }

    }