.slider {
    max-width: 220px;
    height: 147px;
    margin: 20px auto;
    position: relative;
  }
  .slide1,.slide2,.slide3,.slide4,.slide5 {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .slide1 {
    background: url(../eventos/img1.jpg)no-repeat center;
        background-size: cover;
      animation:fade 8s infinite;
  -webkit-animation:fade 8s infinite;

  } 
  .slide2 {
    background: url(../eventos/img2.jpg)no-repeat center;
        background-size: cover;
      animation:fade2 8s infinite;
  -webkit-animation:fade2 8s infinite;
  }
  .slide3 {
      background: url(../eventos/img3.jpg)no-repeat center;
        background-size: cover;
      animation:fade3 8s infinite;
  -webkit-animation:fade3 8s infinite;
  }
  @keyframes fade
  {
    0%   {opacity:1}
    33.333% { opacity: 0}
    66.666% { opacity: 0}
    100% { opacity: 1}
  }
  @keyframes fade2
  {
    0%   {opacity:0}
    33.333% { opacity: 1}
    66.666% { opacity: 0 }
    100% { opacity: 0}
  }
  @keyframes fade3
  {
    0%   {opacity:0}
    33.333% { opacity: 0}
    66.666% { opacity: 1}
    100% { opacity: 0}
  }