@keyframes pox{
from{ transform: translateY(200%);}
to{ transform: translateY(0%);}
}
.pox-item-2 {
   
    animation-name: pox;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-delay:1;

  
}




@keyframes left-a{
    from{transform: translateX(100%);
  
    }
 
    to{
      transform: translateX(0%);
    }
  }
  
  @keyframes right-a {
    from{transform: translateX(-100%);}
    to{transform: translateX(0%);}
    
  }
  
  
  .about-anmat{
    animation-name: right-a;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-delay:1;
  }


 .b-a{
    animation-name: right-a;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-delay:1;
    
     }

  .animation-left{

    animation-name: left-a;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-delay:1;

  }

  .animation-right{
    animation-name: right-a;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-delay:1;
      
}

@keyframes anm{
  0%{transform: translateX(-5%) rotatey(0deg);}
  49%{transform: translateX(105%) rotatey(0deg);}
  50%{transform: translateX(100%) rotatey(180deg);}
  100%{transform: translateX(-100%) rotatey(179deg) ;}
}

.img-anm img{
  transform: translateY(10px);
}
.img-anm{
  
  animation-name: anm;
  animation-duration: 35s;
  animation-iteration-count:infinite;
  animation-delay:3;
    
}