Add a background image in layout n°9

Here is a small snippet to customize your layout n°9.

Just like this: Hover me

To do that, add the following CSS in the “advanced customization” section of your editor:

.homepage-custom {
background-color: transparent;
}

.layout.l9 {
background-image: url("https://www.intrawallpaper.com/static/images/2a5y2aru.jpg");
background-position: center;
background-attachment: fixed;
background-color: transparent;
}

You can change 2 variables:
background-image -> url of your image.
background-position -> position of your image (center, left, bottom, top).
Change it and enjoy!

To get the best result, try to use a vertical image.

Important information:
That modification only changes the 9th layout.