Carousel: Advancing images too quickly causes image being overlaid

### Impacted plugin

Jetpack

### Steps to Reproduce

1. When images in the carousel are being advanced too quickly, images suddenly get overlaid with a semitransparent color.
2. Only after opening and closing the carousel, it goes back to normal. I can't see any CSS causing the bug.
3. Probably only in Chrome and Edge as far as I could verify.

### A clear and concise description of what you expected to happen.

Images advancing normally

### What actually happened

Images being overlaid

### Other information

This not only happens on my site but can be reproduced on the official demo here as well: https://jetpack.com/support/carousel/ (I get a black overlay, here it's kind of greenish).

### Operating System

Windows

### OS Version

10

### Browser

Chrome/Chromium, Microsoft Edge

### Browser Version(s)

102.0.5005.63

Start by reproducing the Jetpack Carousel issue on the linked official demo in Chrome or Edge, advancing images rapidly and comparing the result before and after opening and closing the carousel. Trace the carousel's frontend image-transition behavior; done means rapid advancement no longer adds a semitransparent overlay and normal image display is preserved.

Written by the indexing model from the issue text.