article {
border-radius:1rem;
}
html { --pagebackgroundimage: url("https://peda.net/id/0a12e4a0831:file/download/705ba58e8ef9b2beed27be4cc66209dc447da218/leaves-1037624_1920.jpg"); }

html:before
{
background-image: url("https://peda.net/id/0a12e4a0831:file/download/705ba58e8ef9b2beed27be4cc66209dc447da218/leaves-1037624_1920.jpg");
}
html { --gapbeforeheader: 0; --bannerimage: none; --bannerbackground: rgba(0,0,0,0.6); --bannerlinkbackground: transparent; }
body:before {grid-row: header-end / footer-end; margin-top: -8rem; } 

.banner{
background:rgba(0,0,0,0.6);
}