body {
background-color: #4f5351;
}

.example {
height: 40vmax;
width: 40vmax;
  
position: relative;
  
background-image: url("https://images.unsplash.com/photo-1596854407944-bf87f6fdd49e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODB8fGNhdHxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=60");
background-size: cover;
font-size:120%;
font-family: sans-serif;
font-weight: bold;
color: black;

padding: 20px;
margin: 20px;
border: 9pt double black;  
}

#border-box {
background-clip: border-box;   
}

#padding-box {
background-clip: padding-box;  
}

#text {
background-clip: text;
-webkit-background-clip: text;
color: rgba(0,0,0,0);  
}

#ptext {
background-image: url("https://images.unsplash.com/photo-1596854407944-bf87f6fdd49e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODB8fGNhdHxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=60");
background-clip: text;
-webkit-background-clip: text;
color: rgba(0,0,0,0);
}

p {
position: absolute;
bottom: 0;  
}

container {
border: 4px solid gray;  
margin: auto;  
display: flex;
flex-wrap: wrap;
padding: 10px;  
}