.clean-slider--desktop .clean-slider__information:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(10, 10, 10, 0.35);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(10, 10, 10, 0)),
    to(rgba(10, 10, 10, 0.35))
  );
  background: -o-linear-gradient(
    top,
    rgba(10, 10, 10, 0) 0,
    rgba(10, 10, 10, 0.35) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(10, 10, 10, 0),
    rgba(10, 10, 10, 0.35)
  );
}

@media (min-width: 768px) {
  .clean-slider--desktop .clean-slider__information:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(10, 10, 10, 0.35)),
      color-stop(42%, rgba(10, 10, 10, 0))
    );
    background: -o-linear-gradient(
      left,
      rgba(10, 10, 10, 0.35) 0%,
      rgba(10, 10, 10, 0) 42%
    );
    background: linear-gradient(
      90deg,
      rgba(10, 10, 10, 0.35) 0%,
      rgba(10, 10, 10, 0) 42%
    );
  }
}

@media (max-width: 767.98px) {
  .clean-slider--desktop .clean-slider__advertising-copy--gradient:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(10, 10, 10, 0.45);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(10, 10, 10, 0.45)),
      color-stop(10%, rgba(10, 10, 10, 0)),
      to(rgba(10, 10, 10, 0))
    );
    background: -o-linear-gradient(
      top,
      rgba(10, 10, 10, 0.45) 0,
      rgba(10, 10, 10, 0) 10%,
      rgba(10, 10, 10, 0) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(10, 10, 10, 0.45),
      rgba(10, 10, 10, 0) 10%,
      rgba(10, 10, 10, 0)
    );
  }
}