#background1
{
  background-image: url("https://images.unsplash.com/photo-1654714480262-28f8a5c208d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");

}

#background2
{
  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");
    

}
  
#background3
{
  background-size: contain;
  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");
}
  
#background4
{
  background-image: linear-gradient(to bottom, rgb(199, 56, 184), rgb(23, 163, 184));
}

.example
{
  height: 350px;
  width: 100%;
  margin-bottom: .20px;
  background-size: contain;
  background-repeat: no-repeat;
  
}
#container
{
  padding: 20px;
}

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