Responsive landing page using SCSS and bem

This is my first time coding in Sass/SCSS using a little bit bem. The setup in the beginning took longer than just writing plain CSS, but worth the time. Once the partials are in place, coding boilerplate was like with CSS but so much more organized. I did find bem make sense, but it just takes time to get used to.

Question: there is a blurred purple circle background image placed behind the hero (the svg is provided by FM), I was not able to place the blurred image at the exact location, also the radius is a bit off -- not as spread out, as you can tell. How to fix it? Here is my code

background: url("../assets/pattern-blur.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;