#trees{
	background-image: url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/roberto-nickson-wbIw84HTI8w-unsplash.jpg");
  background-size: contain;
}

#trees-mascot{
	background-image: url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/new-codey-square.png"), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/roberto-nickson-wbIw84HTI8w-unsplash.jpg");
}

#trees-mascot-gradient{
	background-image: linear-gradient(to bottom, rgb(255, 0, 0, 0.3), rgb(0,255,255,0.3)), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/new-codey-square.png"), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/roberto-nickson-wbIw84HTI8w-unsplash.jpg");
}

#gradient {
 background-image: linear-gradient(to bottom, rgb(199, 56, 184), rgb(23, 163, 184)); 
}

.example {
	height: 576px;
	width: 382px;
  margin-bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

#container {
  padding: 20px;
}

p {
 font-weight: bold;
  color: white;
	font-size: 150%;
  text-shadow: 5px 5px 5px black;
  padding: 2%;
  font-family: "Arial", sans-serif;
}