Make slides that are not in focus semitransparent

Hey folks. I’m building the layout below and I’d like to set the opacity of sliders that are not in focus to 30%. Any idea how I can achieve this effect? I’m guessing it needs some custom JS but i was wondering if there’s a smart way to do it using the native features.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)