Insert buttons on a picture on mouse hover and image darken : <p>I want the image to be darkened a little bit when the mouse is hovered on it (Overlay?). Then, the buttons like in the picture should appear when hover, then if mouse is hovered on one button, it should turn to red (just like picture), and image description text should appear under the buttons (as the picture), then if one button is clicked it should take us to a new URL (Say, if the button is clicked, it takes us to the www.google.com), can anyone provide any code? I have no idea how to do that.</p>

<p><a href="https://i.stack.imgur.com/VE7dR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VE7dR.png" alt="enter image description here"></a></p>
