Image: Duplicate image is visible when opening lightbox

[artemiomorales]

Description

Currently, the lightbox works by creating a duplicate image and animating it. However, the original image is still visible for a moment while the lightbox is opening.

We should hide the original image on click to improve this experience.

Step-by-step reproduction instructions

1. Add an image to a post
2. Enable Expand on click in the block settings
3. Publish and view the post; click on the image
4. See that the image in the content persists for a moment as a duplicate image zooms in

Screenshots, screen recording, code snippet

lightbox-lingering-image.mp4

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes