fbpixel

Swap image rollover block

Estuve buscando algo que creí que era simple: un bloque de gutenberg que me permitiera poner una imagen y, al pasar por encima con el mouse, muestre otra imagen. Algo como esto:
https://codepen.io/creativeprogrammer/pen/RpBpgm

pero no encontré.

¿alguien conoce alguno?

gracias!

Como no encontré un bloque de gutenberg que hiciera un swap image on rollover, hice con css un cambio de content en unas imágenes para que luego, al hacer rollover, cambiaran.

si bien funciona, luego me encontré con que las imágenes tardaban en cargarse y, al hacer rollover la imagen original aparecía y desaparecía hasta que la segunda imagen se cargara.

Aquí hice uso de este otro CSS para hacer un preload de dichas imágenes.

Pero no se si es que no lo hace, pero sigo teniendo el problema de que “titila”

Pueden verlo en este video

Y o probarlo en este link:

Alguna sugerencia?

gracias!!