body {
   background-image: url("pink.png");
  background-repeat:cover;
  background-color: pink;

       overflow: hidden;
  color: black;
font-family: courier;
}

.flex {
display: flex; 
justify-content: center;
flex-wrap: wrap;
align-items: center;
width: 100vw;
height: 100vh;
  
}

.rowholder {
  
display: flex;
flex-wrap: nowrap;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
  
}
.row1 {
 
 width: 50%;
 height: 30%;
display: flex;
justify-content: center;
  
}
.row1 img {
  
animation: left 20s  infinite;
animation-timing-function: linear ;    
  
}
.row2 {
 
 width: 50%;
 height: 30%;
display: flex;
justify-content: center;

  
}
.row2 img {
  
animation: left2  20s  infinite;
animation-timing-function: linear ;    

}
.row3 {
 
 width: 50%;
 height: 30%;
display: flex;
justify-content: center;

  
}
.row3 img
{
animation: left3  20s  infinite;
animation-timing-function: linear ;  
}

@keyframes left {
  0% { transform: translateX(2880px);
    
  }
100% {
   transform:  translateX(-2880px);
  } 
  100% {
   transform:   translateX(-2880px);
  }
}
@keyframes left2 {
  0% {  transform:   translateX(3744px);
    
  }
  100% {
     transform:   translateX(-2016px);
  }
}

@keyframes left3 {
  0% {  transform:   translateX(-1152px);
    
  }
49%{
  
opacity: 100%;  
  
}
 50% {
    transform:   translateX(-3840px);
 opacity: 0%;
  }
51% { 
 opacity: 0;
   transform:   translateX(1824px);

}

60% {
 opacity:100%; 
  
}

  100% {
     transform:   translateX(-1152px);
    opacity: 100%;
  }
}