How do I create a responsive glow coming from the upper right corner?

Question

I'm trying to make a glow coming from the upper right corner in css, something similar to this:

I tried making a div with filter:blur() and positioning it with absolute, but that causes problems with my viewport since this has to be responsive aswell.

Does anyone know how to make this possible?

Answer 1

Use filter:blur but simply add the following:

top: 0;
right: 0;

If you want it to be responsive size wise also add this:

height: 100vh;
width: 100vw;