.spacer {
  position: relative;
  margin-block: calc(var(--spacer-mobile, 50px) / 2);
  width: 100%;
  height: 0;
}

.has-border {
  height: 45px;
  background: var(--spacer-image) repeat-x top left / auto 100%;
}


@media only screen and (min-width: 768px) {
  .spacer {
    margin-block: calc(var(--spacer-desktop, 100px) / 2);
  }
}