CSSTransition, анимация стейта изображений

помогите понять CSSTransition.

const [readFile, setReadFile]=useState([]); // общий стейт массивом 
const [filterImg, setFilterImg]=useState([]); // отфильтрованный массив

const btnClick =(e)=>{    // фильтруем массив по классу   
       let filter = readFile.filter(el=> el.classname === e.target.className)
        setFilterImg(filter);
      }            
    } 

       <div className="photogallery">    // вывод отфильтрованого массива                                      
            {filterImg.map((item, i)=>{
                return (                        
              <Fragment key={item.id}> 
              
                    <Image                                                                                                
                     
                      className={item.classname}
                      src={item.src} 
                      alt={item.alt}/>
              
                </Fragment>                      
                )            
            })
          }

как сделать анимацию для отфильтрованных элементов