.pop-right
 {
  animation: pop-right 0.5s ease forwards;
  opacity: 0;
 } 

 @keyframes pop-right{
  0% {
    opacity: 0;
    transform: translateX(300px) scale(0.5);
  }
    70% {
    opacity: 1;
    transform: translateX(0px) scale(0.5);
  }

  100% {
    
    transform: scale(1.0);
    opacity: 1;

  }
}z