Link in Text file (image) reveal on hover, instead of opening as a page.

Hi I want to have my file link within text will show as image when hovering over the word, such as the underlined words on this site:  https://www.studiomusemuse.com/

Hey @bjaakkola,

there is used a code block to get this done. This code needs to be added in code block for each link:
 

<a href="#" class="link-with-image">Hover over me</a>
<div class="image-container">
  <img src="path/to/image.jpg" alt="Image description">
</div>

And this is the CSS code that needs to be added only once:

.image-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.link-with-image:hover + .image-container {
  display: block;
}

So basically the image will be hidden by default and will display only when you hover over the link.

Hope this helps.