NFT-preview-card-component

I found some difficulty in the animation within the phone. i could cancel the overlay and the view image when i click on the container twice instead it still apply the same effect rather than disabling it. I'm aware that it can be done using a little bit of java script to toggle it but i really wanna get comfortable with css and html first and then pass to java script i would appreciate if someone has a solution for this using only HTML or CSS and also reporting any issues or miss usage of functions in my code would be helpful, Thank you.