I have a div as follows:

Which has the styles in React:

background:
      linear-gradient(to right, #e0452c, 95%, white),
      linear-gradient(to top, #e0452c, 95%, white),
      linear-gradient(to bottom, #e0452c, 95%, white)`,
    backgroundBlendMode: "screen"

I have another image as follows:

Is it possible using CSS to achieve the following effect (which I made using Photoshop) where the edges of the images blur into the background or become transparent? If yes, then please tell me how I could do it.