How to make an image transition effect in JS and CANVAS, like the top image is made of sand and it is blown away by the wind?

Question

JavaScript

Good afternoon!
I want to ask for help to create a visual effect of changing images.
The essence of the effect is the change of one image to another. The upper image, through which the lower one appears, seems to consist of grains of sand that are blown away by the wind.
The effect is somewhat reminiscent of WEBGL shaders, but only 2d-canvas and JS are available.
The version I came up with is in JSFiddle , but it's pretty mediocre.
Maybe someone will have ideas how to do it better, maybe even just a physical model?

Answer 1

Here's a hint for you - www.jooom.ru/toster/css1.html
But it's better to paint over the monitor with green paint and throw it into the grass.