.prueba {
  width: 25%;
  margin: 0 auto;
}
.slider-frame {
	width: 100%;
  height: auto;
	overflow: hidden;
  object-fit: cover;
}

.slider-frame ul {
	display: flex;
	padding: 0;
	width: 200%; /*cambiar de acuerdo a la cantidad e imagenes*/
	
	animation: slide 10s infinite alternate ease-in-out; /*dar 5s por cada imagen que se publique*/
}

.slider-frame li {
	width: 100%;
	list-style: none;
}

.slider-frame img {
	width: 100%;
  height: 100%;
  object-fit: cover;
}
/* para cuatro imagenes */
/* @keyframes slide {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
} */

/* para tres imagenes */
/* @keyframes slide {
	0% {margin-left: 0;}
	30% {margin-left: 0;}
	
	35% {margin-left: -100%;}
	65% {margin-left: -100%;}
	
	70% {margin-left: -200%;}
	100% {margin-left: -200%;}
} */

/* para dos imagenes */
@keyframes slide {
	0% {margin-left: 0;}
	45% {margin-left: 0;}
	
	55% {margin-left: -100%;}
	100% {margin-left: -100%;}


}