How to trigger one interaction while other interaction is affecting it?

Hi. I am working on my first Webflow project and have run into some trouble. I am trying to create a section where site visitors can click on different features to trigger a screenshot of that feature to appear on the left (see image). It simultaneously causes the other features to drop in opacity to to indicate that they are inactive.

I can get this interaction to work just fine, but am having trouble figuring out to set up the interactions to allow users to switch between two of the features. Example: If you click on “calculator” to activate the screenshot, and then try to switch to “multilingual” while calculator is active, it basically breaks the interaction. If there is no way to do it, I can make it into a shadow box to prevent people from clicking the other buttons, but I’d rather avoid that if possible.

Does anyone have any suggestions of how to make this happen? Any other suggestions are also welcome as this is very messy. Thank you!

Here is my public share link: [https://preview.webflow.com/preview/bretts-initial-project-41bf81?utm_medium=preview_link&utm_source=designer&utm_content=bretts-initial-project-41bf81&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview][1]

Bump for visibility. Thanks!