#images {
position:relative;
height:211px;
width:920px;
margin:0 auto;
}

#images img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

@-webkit-keyframes imagesFadeInOut {

0% {
opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#images img.first {
animation-name: imagesFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 21s;
animation-direction: alternate;
}

#images img.second {
animation-name: imagesFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 14s;
animation-direction: alternate;
}