opacidad a todos los elementos menos uno

[andrinson]

hola es que tengo un iframe dentro de una seccion y quiero que la opacidad de toda la web sea menor que la de el iframe pero el problema es que al quitarle opacidad a la seccion se le quita opacidad tambien al iframe
codigo html:

Código HTML:

<section class="contenedor-principal">
<iframe src="" class="iframe" id="iframe"></iframe>
</section>
 

codigo css:

Código CSS:

.contenedor-principal{
    width:77%;
    height:60em;
    float:right;
    background-color:red;
    margin:5em 1em 0 0 ;
        opacity:0.5;
}
 
.iframe{
    width:45em;
    height:45em;
    background-color:white;
    margin-left:8em;
 
}
 

espero que me entiendan :´v