@custom-media --ms-and-down (max-width: 767px);

.slide {
  opacity: 0.5;
  padding: 50px 0;
  @media (--ms-and-down) {
    padding: 10px 0;
  }
  &.active {
    opacity: 1;
  }
}