<div class="container">
    <img src="http://www.gstatic.com/webp/gallery/4.jpg" alt="" width="300" >
    <div class="filter"></div>
  </div>

/* COMMON */
img {
  display: block;
}


.container {
  border: 4px solid;
  width: min-content;
/*   filter: sepia(100%); */
}

.container .filter {
  width: 200px;
  height: 100px;
  border: 4px solid;
  position: absolute;
  top: 50px;
  left: 130px;
  backdrop-filter: blur(10px);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.