Background Image

What is the way to render this background image in the main-outer div, using the custom.css?

.main-outer {
background: #c8ebf7 !important;
background-image: url("images/grrad3.png"); /* The image used */
background-color: #c8ebf7 !important;
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}
.tm-content {
padding: 15px;
background: none;
}

Live Url and more details what do you want to do?

Hello,

I am just wanting a stretched background image (grad3.png) to cover the white area encompassing the .main-outer, while allowing that background image to show through the .tm-content.

I have one such stretched background here: egknights.org/index.php/en/activities/then-and-now

Hallo,
der css code stimmt, der Pfad zum bild aber nicht