Untitled

<!DOCTYPE HTML>
<html>
  <head>
    <title>Edge Animation Bug</title>
    <style>
      html, body {
        padding: 0;
        margin: 0;
        height: 100%;
      }
  
      .image-link {
        cursor: pointer;
        filter: brightness(1);
        transition: filter 0.35s ease-in-out;
      }
    
      .image-link:hover {
        filter: brightness(1.2);
      }
      
      .image {
        display: block;
        position: absolute; 
        top: 0;
        left: 0;
      }

    </style>
  </head>
  <body>
    <div style="height: 100%; position: relative; overflow: auto; border-radius: 10px;">
      <img src="https://plnkr.co/img/plunker.png" class="image image-link" alt="Image not found!" />  
    </div>
  </body>
</html>

// Code goes here

/* Styles go here */