bonjour à tous j'ai un slider d'images qui défiles automatiquement mais lorsqu'il arrive à la dernière image, la premiere ne revient pas directement et laisse donc un espace blanc avant de revenir. Vous savez quel attribu je pourrai utiliser pour corriger cela? merci et bonne journée!

mon code css : 

<style>
	* {margin: 0; padding: 0;}
	
#container {
 width: auto;
 overflow: hidden;
 margin: 50px auto;
 background: white;
}
 
 
 
.photobanner {
 height: 50px;
 width: 3550px;
 margin-bottom: 80px;
}
.first {
 -webkit-animation: bannermove 30s linear infinite;
    -moz-animation: bannermove 30s linear infinite;
     -ms-animation: bannermove 30s linear infinite;
      -o-animation: bannermove 30s linear infinite;
         animation: bannermove 30s linear infinite;
}

@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
	
	
 
}	
	
	.photobanner img {
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
	.photobanner img:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
		cursor: pointer;
}

</style>