.my-responsive-spacer {
  display: block;
  width: 100%;
  height: var(--spacer-mobile, 24px);
}

@media (min-width: 768px) {
  .my-responsive-spacer {
    height: var(--spacer-tablet, var(--spacer-mobile, 24px));
  }
}

@media (min-width: 1201px) {
  .my-responsive-spacer {
    height: var(--spacer-desktop, var(--spacer-tablet, 40px));
  }
}