/* .Html1-[[unique_id]] {
  background-image: [[image_gradient]] url('/sites/default/files/styles/xs/public/[[background_image_xs]]') !important;
  background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
}

.webp .Html1-[[unique_id]] {
  background-image: [[image_gradient]] url('/sites/default/files/styles/xs/public/[[background_image_webp_xs]]') !important;
  background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
}

@media (min-width: 576px) {
  .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/sm/public/[[background_image_sm]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }

  .webp .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/sm/public/[[background_image_webp_sm]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }
}

@media (min-width: 768px) {
   .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/md/public/[[background_image_md]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }

  .webp .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/md/public/[[background_image_webp_md]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }
}

@media (min-width: 992px) {
  .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/lg/public/[[background_image_lg]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }

  .webp .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/lg/public/[[background_image_webp_lg]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }
}

@media (min-width: 1200px) {
  .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/xl/public/[[background_image_xl]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }

  .webp .Html1-[[unique_id]] {
    background-image: [[image_gradient]] url('/sites/default/files/styles/xl/public/[[background_image_webp_xl]]') !important;
    background-position: [[background_position]] !important;
  background-repeat: [[background_repeat]] !important;
  background-attachment: [[background_attachment]] !important;
  background-size: [[background_size]] !important;
  }
} */