.content-element {
  margin: 2rem auto;
  padding: 2rem;
  background-color: #f5f5f5; // default background

  // Apply responsive widths at breakpoints using the respond mixin

  &--blue {
    background-color: #cceeff;
  }

  &--gray {
    background-color: #eeeeee;
  }

  &--image {
    background: url('EXT:my_sitepackage/Resources/Public/Images/background-image.jpg') no-repeat center/cover;
  }
}