<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Clipped Image Reveal on Hover</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<a class="link" href="#">Tokyo Tower</a>
<span class="hover-container">
<span class="link-text" aria-hidden="true">Tokyo Tower</span>
<span class="image-container">
<span class="image-inner">
<img class="link-image" src="img/21.jpg" alt="Tokyo Tower" />
</span>
</span>
</span>
</div>
<script src="js/script.js"></script>
</body>
</html>
