정말 재미있는 제안이네요! 이를 해결하는 한 가지 방법은 스포일러 요소 안의 라이트박스 및 애니메이션 이미지 일시중지를 비활성화하는 것입니다. CSS만으로도 매우 쉽게 할 수 있습니다:
.spoiled {
img.animated,
.lightbox {
pointer-events: none;
}
}
또는 라이트박스와 애니메이션 일시중지가 콘텐츠가 흐림 해제된 상태에서만 적용되도록 할 수도 있지만, 스포일러가 토글 방식이기 때문에 이는 작동하지 않습니다. 하지만 스포일러 동작을 클릭 시 흐림 해제 후 종료되는 일방향 방식으로 변경하기로 결정한다면, 이 방법도 작동할 수 있습니다.