invert on hover images

<style>

#inv {
  	display: flex;
    justify-content: center;
   transition: transform 0.5s ease;
}


#inv:hover {
 filter: invert(1);
	transition: all 0.5s;
}

</style>

<img src="https://file.garden/Z8S48e3deXuAgcfA/resource/example" id="inv">