Effects for images on html, css, js?

Question

css

How can I implement this:
I think everything is intuitive on the screen: there is a slider, it has mini previews below with pictures in the style of drawings with pencils, and when the image is already active, the image is normal.
Is it possible to do such manipulations with images in html, css, js?
I don’t need additional pictures and replacing them with scripts, because I want to learn how to do such things, if of course it’s possible.

Answer 1

1. Darkening the corners? Vignette? can.
2. If full color houses:
...can.