CSS
A video comparison component stacks multiple video elements on top of each other and fades between them. The inactive videos are `opacity: 0` but still sit in the stacking order — blocking clicks on the active video underneath. `pointer-events: none` on inactive slides and `pointer-events: auto` on the active one fixes it cleanly.
When absolutely-positioned elements overlap, the topmost layer captures all mouse/touch events — even if it's transparent. `pointer-events: none` makes an element invisible to input while remaining visible.
Task
The inactive `.slide` is stacked on top and blocks clicks on the active slide's button. Add `pointer-events: none` to `.slide` so inactive slides pass through, and `pointer-events: auto` to `.slide.active` to restore events on the visible one.