.container {
  max-width: 100%;
  margin: 0 auto;
}

.d-flex {
  display: flex;
  justify-content: space-between;
}

div {
  display: flex;
  color: #fff;
  font-size: 36px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.box1{
  width: 150px;
  height: 150px;
  background: url("https://images.unsplash.com/photo-1531315630201-bb15abeb1653?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8YmFja2dyb3VuZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60") no-repeat;
  border: 5px dashed #000;
  background-origin: border-box;
  background-clip: border-box;
  padding: 5px;
}

.box2{
  width: 150px;
  height: 150px;
  background: url("https://images.unsplash.com/photo-1531315630201-bb15abeb1653?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8YmFja2dyb3VuZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60") no-repeat;
  border: 5px dashed #000;
  background-origin: border-box;
  background-clip: padding-box;
  padding: 5px;
}

.box3{
  width: 150px;
  height: 150px;
  background: url("https://images.unsplash.com/photo-1531315630201-bb15abeb1653?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8YmFja2dyb3VuZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60") no-repeat;
  border: 5px dashed #000;
  background-origin: border-box;
  background-clip: content-box;
  padding: 5px;
}

.box4{
  width: 150px;
  height: 150px;
  background: url("https://images.unsplash.com/photo-1531315630201-bb15abeb1653?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8YmFja2dyb3VuZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60") no-repeat;
  border: 5px dashed #000;
  background-origin: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  padding: 5px;
}