How to add images to the full screen background

How to add full screen images or colour to the screen.

Is it possible to to add inline list above this?

Glide Apps or Pages?

Glide apps

This is what I use in a Rich Text component:

<div class="background"></div>

<pre><span><style>

.background {
position: fixed;
margin-top:0;
width: 100%;
height:100%;
top:0;
right:0; 
left: 0%;
z-index:-100;
background-image: url("https://res.cloudinary.com/glide/image/fetch/e_tint:70:facc13/https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/oqLizoQmUcR1CCO0jFaD/pub/pctlOVykw1BAAdyGIUOt.jpeg"); 
background-size: cover;
background-position: center center;
}

[data-test="glide-app-bar"] :nth-child(1) {
backdrop-filter: blur(0px) !important;
background: transparent !important; 
-webkit-backdrop-filter: blur(0px) !important;
}

#app-root div[opacity='1'] {
  color: transparent; 
}
8 Likes