#border-box
{
  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");
  background-clip: border-box;

}

#padding-box
{
  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");
  background-clip: padding-box;
    

}
  
#content-box
{
  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");
  background-clip: content-box;
}
  
#text
{
  background-image: linear-gradient(to bottom, rgb(199, 56, 184), rgb(23, 163, 184));
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0,0,0,0);
}

.example
{
  height: 350px;
  width: 100%;
  margin-bottom: .20px;
  position: relative;
  background-size: cover;
  
  font-size: 120%;
  font-family: sans-serif;
  font-weight: bold;
  color: white;
  
  padding: 20px;
  margin: 20px;
  border: 9px double black;
}
#container
{
  padding: 20px;
}