Modificare sfondo cover

[hopeway]

Salve,
ho seguito un tutorial per creare un sito BEM modulare. Tutto chiaro, tuttavia non riesco a cambiare lo sfondo della cover. Vi metto a seguire il codice della cover che sta in style.css

.cover{height:70%;
	background-image: url("sfondo.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	position:relative;
}
.cover__filter{ background: #000; width:100%; height:100%; position: absolute; z-index: 0; opacity: 0.5; }
.cover__caption{ display: table; height: 100%; width:100%; position: relative; z-index:1; padding: 0 20px}
.cover__caption__copy{ display: table-cell; vertical-align: middle; text-align: center; color:#fff; }


.cover--single{height: 50%}
.cover--single h1{font-size: 42px;}

Dove in background-image:url() era inserito, all'interno delle parentesi, il link dello sfondo dinamico che cambia. Nonostante cambi il link inserendo il nome dello sfondo che è all'interno della cartella non cambia. Cosa dovrei fare?

[hopeway]

Nonostante sia riuscito a modificare lo sfondo, cioè a metterlo sull'altro ed eliminato il "background-image" ed aver inserito lo sfondo solo nella parte della pagina continua a caricare. Vi inserisco anche il codice della cover in HTML per sfatare ulteriori dubbi

<div class="cover">
		<div class="cover__filter"> <img src="sfondo.jpg" width=100% height=100%> </div>
		<div class="cover__caption">
			<div class="cover__caption__copy">
				<h1>Vuoi regalare un cucciolo? </h1>
				<h2>O vuoi semplicemente adottare un amico a quattro zampe?</h2>
				<a href="cani_disponibili_adozione.php" class="button">Vedi la disponibilità</a>
			</div>
		</div>
	</div>