#trees {
background-image: url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image.jpg");  
}

#trees-mascot {
background-image: url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image2.png"), url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image.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/image2.png"),
url("https://projects.codecraftworks.com/web/zRFYuUsnMWgZIJQVnvnY/assets/image.jpg");  
}

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

.example {
height: 350px;
width: 100%;
margin-bottom: 20px;
background-repeat: repeat-x;  
}

#container {
padding: 20px;
}

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