This example shows how CSS filters can be applied interactively to an image. Two sliders control different visual effects: the first slider adjusts the blur radius of the pineapple image using the `-webkit-filter: blur()` property, while the second slider is intended to modify brightness but remains non-functional. The code uses plain JavaScript event listeners (`oninput`) to update the filter style and display the slider value in a `<p>` element. No external libraries or frameworks are used, despite the React metadata.