Dúvida com BG para texto transparente

Olá amigos, sou beeem iniciante no mundo do HTML/CSS e estou desenvolvendo meu primeiro site, tenho uma dúvida que pode ser bem simples:

Como fazer isso:

http://prntscr.com/ekygx5

Se transformar nisso?

http://prntscr.com/ekyh3r

Basicamente queria fazer uma faixa transparente atrás do texto, mas isso foi o mais perto que eu conseguir chegar.

Meu código até então:

	**<section class="introducao">

	      <div class="container">

	            <h1>CUPCAKES  DE ENLOUQUECER</h1>

	            </div>

	     <div class="fundo"></div>

	 </section>**

	 

	E o CSS:

	 

	**.introducao h1 {

	    font-size: 80px;

	    line-height: 60px;

	    color: white;

	    text-transform: uppercase;

	    margin-top: 180px;

	    padding-top: 20px;

	    padding-bottom: 20px;

	    padding-left: 30px;

	    background-color: #e77bae;**