LF page-id

Site URL: https://eatdoori.com/bestellen-1

Hey there, 

trying to add an endless pattern to our site. After tons of google trys i have found a nice neat trick:

#collection-5e81f98efa919e2e9184e79f{

background-color: #202a36;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%231c2631' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");

}

I know that it works partly (see image). How can i change it from footer to body background? 

Any ideas?

#collection-5e81f98efa919e2e9184e79f #page section .section-background {
    background-color: #202a36;
    background-image: url(data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns=…5-15z' fill='%231c2631' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E) !important;
}