JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

CSS

div {
  background-image: url("http://arquivo.devmedia.com.br/naoexclusivo/JoelRodrigues/Documentacao/css-background/bg1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px;
  height: 300px;
  margin: 10px;
  border: 10px solid blue;
  padding: 10px
}

.div1 {
  background-origin: padding-box;
}

.div2 {
  background-origin: border-box;
}

.div3 {
  background-origin: content-box;
}