body {
        font-family: Helvetica, sans-serif;
        padding: 5%;
        text-align: center;
        font-size: 50;
    }
     
    /* Styling the area of the slides */
     
    #slideshow {
        overflow: hidden;
        height: 610px;
        width: 728px;
        margin: 0 auto;
    }
     
    /* Style each of the sides with a fixed width and height */
     
    .slide {
        float: left;
        height: 610px;
        width: 728px;
    }
     
    /* Add animation to the slides */
     
    .slide-wrapper {
         
        /* Calculate the total width on the basis of number of slides */
        width: calc(728px * 5);
         
        /* Specify the animation with the duration and speed */
        animation: slide 15s ease infinite;
    }
     
    /* Set the background color of each of the slides */
        .slide:nth-child(1) {
    }
     
    .slide:nth-child(2) {
    }
     
    .slide:nth-child(3) {
    }
     
    .slide:nth-child(4) {
    }
     
    /* Define the animation for the slideshow */
     
    @keyframes slide {
         
        /* Calculate the margin-left for each of the slides */
        20% {
            margin-left: 0px;
        }
        40% {
            margin-left: calc(-728px * 1);
        }
        60% {
            margin-left: calc(-728px * 2);
        }
        80% {
            margin-left: calc(-728px * 3);
        }
    }