/* * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
} */

.slider {
   width: 320px;
   height: 202px;
   background: url(../images/sliders/vocapic3.jpg);
   margin: 0px auto;
   padding-bottom: 50px;
   border: 3px blue solid;
   border-radius: 10px;
   animation: slide 20s infinite;
}


@keyframes slide {
   10% {
      background: url(../images/sliders/vocapic2.jpg);
   }
   20% {
      background: url(../images/sliders/vocapic3.jpg);
   }
   30% {
      background: url(../images/sliders/vocapic5.jpg);
   }
   35% {
      background: url(../images/sliders/vocapic6.jpg);
   }
   40% {
      background: url(../images/sliders/vocapic7.jpg);
   }
   45% {
      background: url(../images/sliders/vocapic8.jpg);
   }
}