.animation001 {
position:relative;
animation:animate001 5s;
animation-iteration-count: 1;
}

@keyframes animate001 {
0%{opacity:0} 
20%{left:-500px;opacity:0} 
50%{left:0;opacity:1} 
100%{left:0;opacity:1} 
}



.animation002 {
position:relative; 
animation:animate002 15s; 
animation-iteration-count: infinite;
}

@keyframes animate002 {
0%{opacity:0} 
24%{right:-500px;opacity:0} 
37%{right:0;opacity:1} 
60%{right:0;opacity:1} 
70%{right:-500px;opacity:0} 
75%{right:-500px;opacity:0} 
100%{right:-500px;opacity:0}
}



.animation003 {
position:relative; 
animation:animate003 15s; 
animation-iteration-count: infinite;
}

@keyframes animate003 {
0%{opacity:0} 
65%{left:-500px;opacity:0} 
72%{left:0;opacity:1} 
86%{left:0;opacity:1} 
93%{left:0;opacity:1} 
100%{left:-500px;opacity:0}}