@keyframes grow {
    from {
      transform: scale(0.5); 
      opacity: 0;       
    }
    to {
      transform: scale(1);  
      opacity: 1;          
    }
  }
  
  .new-post {
    animation: grow 0.3s ease-in-out; 
  }
  

  

.cards_row_1_row {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  @keyframes shrink {
    from {
      transform: scale(1); 
      opacity: 1;         
    }
    to {
      transform: scale(0.5);
      opacity: 0;           
    }
  }
  .fade-out {
    animation: shrink .3s ease-out forwards; 
    pointer-events: none; 
  }