.smartapp {
    position:relative;
    height:472px;
    width:22em;
    margin:0 auto
}

.ejemplos {
    height: 36em;
}
.smartapp img {
    position:absolute;
    left:0;
    -webkit-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out
}

.smartapp img.top {
    opacity:0
}
    
@-webkit-keyframes FadeInOut {
    0%{opacity:1}
    45%{opacity:1}
    55%{opacity:0}
    to{opacity:0}
}
    
@keyframes FadeInOut {
    0%{opacity:1}
    45%{opacity:1}
    55%{opacity:0}
    to{opacity:0}
}

.smartapp img.top {
    -webkit-animation-name:FadeInOut;
    animation-name:FadeInOut;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:6s;
    animation-duration:6s;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
}