.slider-frame{
    width: 1280px;
    height: 75vh;
    margin: 50px auto 0;
    overflow: hidden;
}

.slider-frame ul{
    display: flex;
    padding: 0;

/* El porcentaje depende del número de imágenes, sin son 2 es 200%, para 3 es 300%, etc */    
    width: 200%; 

/* Si hay menos imágenes reducir el tiempo para que no esté tan lenta la transición */    
   animation: slide 30s infinite alternate ease-in-out;
}

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

.slider-frame img{
     height: 75vh;
}

/* 
   * SI HAY MENOS IMÁGENES, CAMBIAR LOS INTERVALOS DE PORCENTAJES, SI SON 3 IMÁGENES DIVIDIR EL 100% ENTRE 3, SI SON 2, DIVIDIR ENTRE 2, DEJANDO 5% ENTRE CADA IMAGEN. 
   * POR CADA IMAGEN EN LA PROPIEDAD margin-left , disminuir 100% --- REVISAR ARCHIVO DE EXCEL LISTA-POP-INTERVALOS.XLS */

@keyframes slide {
    0% {margin-left: 0%;}
    45% {margin-left: 0%;}

    50% {margin-left: -100%;}
    100% {margin-left: -100%;}
    

}