.mc-image  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /*animation*/
    
    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
  }

  /* keyframes*/
  
  @keyframes 
    slideShow {  0% {
    opacity: 0;
    transform:scale(1);
    -ms-transform:scale(1);
    }
    5% {
    opacity: 1
    }
    25% {
    opacity: 1;
    }
    30% {
    opacity: 0.5;
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    }
    100% {
    opacity: 0;
    transform:scale(1);
    -ms-transformm:scale(1);
    }
  }
  @-o-keyframes 
    slideShow {  0% {
    opacity: 0;
    -o-transform:scale(1);
    }
    5% {
    opacity: 1
    }
    25% {
    opacity: 1;
    }
    30% {
    opacity: 0.5;
    -o-transform:scale(1.1);
    }
    100% {
    opacity: 0;
    -o-transformm:scale(1);
    }
  }
  @-moz-keyframes 
    slideShow {  0% {
    opacity: 0;
    -moz-transform:scale(1);
    }
    5% {
    opacity: 1
    }
    25% {
    opacity: 1;
    }
    30% {
    opacity: 0.5;
    -moz-transform:scale(1.1);
    }
    100% {
    opacity: 0;
    -moz-transformm:scale(1);
    }
  }
  @-webkit-keyframes 
    slideShow {  0% {
    opacity: 0;
    -webkit-transform:scale(1);
    }
    5% {
    opacity: 1
    }
    25% {
    opacity: 1;
    }
    30% {
    opacity: 0.5;
    -webkit-transform:scale(1.1);
    }
    100% {
    opacity: 0;
    -webkit-transformm:scale(1);
    }
  }