title: backdrop-filter doesn't work with background image
body: <p>I was trying to make a carousel with blurred images which turn normal when hovered over but it seems to me after changing different properties that it doesn't work if I've a <code>background: url(&quot;img-url&quot;);</code>.</p>
  <p>So I wanted to ask if there's a way to tackle this than creating another div as an overlay?</p>
  <p>For ref here's what I tried to create with the same (scroll to the last section, it's short) - <a href="https://playground-whoakashpatel.netlify.app" rel="nofollow noreferrer">https://playground-whoakashpatel.netlify.app</a></p>
  <p>Thanks in advance</p>