Second Tap Interaction

Hi,
I wonder if I can do this interaction in Webflow or if I need custom code

For Desktop:
Hover and Click - I think this is easy (when user is hover show the Div Block “up”)

For Mobile:
First Tap - The user sees the Upper Div Block (.up)
Second Tap - Opens a url, and all the other items go to initial state (not showing Upper Div Block)

So, if a user taps on number 2 he will see the (.up) Div Block, same for the others (1, 2, 3, 4). But once a user clicks on any of them, .up is not seen anymore.

I made my first approach using link blocks but don´t know how to remove the first tap interaction

Here is my public share link: https://preview.webflow.com/preview/fernandos-stunning-site-e6a1f6?utm_medium=preview_link&utm_source=designer&utm_content=fernandos-stunning-site-e6a1f6&preview=df9abc2e996ba028485237c08921ba36&workflow=preview

Any help is welcome
Screenshot 2022-03-25 at 17.49.00


Here is my public share link: LINK
(how to access public share link)