It would be better if you posted the example on CodeSandbox or StackBlitz.
You seem to have a syntax error here (missing { for the variable home)
&:nth-of-type (1) {
grid-area: one;
background: url($home}) no-repeat right center;
background-size: cover;
}
Did you log out the imports just to make sure?
Not sure what the layout is you are going for but do you really need to place the images the way you are?
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).