#border-box
{
  background-image: url("https://projects.codecraftworks.com/web/TC7VxFxdaFHMVpiHE9P3/assets/kevin-schmid-DIq7Bs3ga2s-unsplash.jpg");
  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/TC7VxFxdaFHMVpiHE9P3/assets/kevin-schmid-DIq7Bs3ga2s-unsplash.jpg"), url("https://projects.codecraftworks.com/web/TC7VxFxdaFHMVpiHE9P3/assets/nick-fewings-U32A5WknnA4-unsplash.jpg");
  background-clip: padding-box;
}
  
#content-box
{
  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/TC7VxFxdaFHMVpiHE9P3/assets/nick-fewings-U32A5WknnA4-unsplash.jpg"), url("https://projects.codecraftworks.com/web/TC7VxFxdaFHMVpiHE9P3/assets/nick-fewings-U32A5WknnA4-unsplash.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
  
}
#container
{
  padding: 20px;
}