JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="image_wrapper">
    <img id="image" src="https://scratch.brockbatsell.com/black-wallpaper-13.jpg">
  </div>
</body>

CSS

#image_wrapper {
  overflow: hidden;
  margin: 30px auto;
  box-shadow: rgba(0, 0, 0, 0.5) 0 5px 14px;
}

#image {
  -webkit-filter: blur(50px);
  filter: blur(50px);
  width: 100%;
}

JavaScript

window.setInterval((function() {
	var wrapper = document.getElementById('image_wrapper');
  var newWidth = window.innerWidth - 80;
  wrapper.style.width = String(newWidth)+'px';
  wrapper.style.height = String(newWidth / 1.6)+'px';
}), 10);