I'm trying to achieve a smooth transition when the images changes, a blue background should "function as a mask with the images".
1 - text appears,
2- first image appears,
3- blue background ('#foreground') smoothly comes down and up
4- second image appears.
I have an example , https://ueno.co/
So to recap, the image before changing a foreground should come down and then up again.
I hope someone could help me as I'm stuck.