I'm trying to replicate the Community login page that is in the SF community documentation. I have been able to edit the branding colors to create the black box and added CSS for transparency. The only issue is that it also makes the elements on the box transparent as well (logo/email/pw/login button). I've tried the following CSS but it still renders in the screen shot below. Any other suggestions? Thanks!

.inputContainer
{
    opacity: 1;
    position:relative;
    z-index: 10;
    
}

.communityLogo
{
    opacity: 1;
    position:relative;
    z-index: 10;
}