.bg-transparent {
  background-color: transparent !important;
}

.bg-img-auto {
  width: 100%;
  margin: 0 auto;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
}
.bg-img-auto::after {
  content: '';
  display: block;
}

@each $k, $v in $--background-colors {
  .#{$k} {
    background-color: #{$v};
  }
}