Why is my image not displaying? when I change the background-repeat property?

	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
	background-image:url("ggasd.jpg");
	  background-repeat: no-repeat;
	   background-position: center;
	
}

			<section class="firstparagraph">
			<div id="firstpicture">
			<a href="ggasd.jpg" class="dogpic"></a>
				<h1>Welcome to My Website!</h1>
				<p>Ipsum text body black will scaredIpsum text body black will scared
					Ipsum text body black will scaredIpsum text body black will scared
					Ipsum text body black will scaredIpsum text body black will scared
					Ipsum text body black will scaredIpsum text body black will scared
					Ipsum text body black will scared
				</p>

Where are you running your code? The image needs to be in the same folder as your html file because you have no path specified.

I had the same problem. The back ground image works in the body not a section or div.

I am having the exact same issue, extremely frustrating.

	html{
	background:url(https://media.giphy.com/media/8rE46GISKreDDKUbMF/giphy.gif)
	background-repeat:no-repeat;
	}
	 #waveforms{
	 height:30px;
	 width:90px;
	 margin:12px; 
	 
</style>

don’t know what to do.

You are missing a semicolon after the background declaration.

html {
  background: url(https://media.giphy.com/media/8rE46GISKreDDKUbMF/giphy.gif); /* <-- */
  background-repeat: no-repeat;
}