.blur-effect {
  width: 100%;
  height: 100%;
  background: #333333;
  overflow: hidden;
  position: relative;
}
.object {
  position: absolute;
  border-radius: 50%;
  mix-blend-mode: screen;
  pointer-events: none;
  filter: blur(50px);
}

/* Clases para sliders personalizados */
.smoke-00 .object {
  filter: blur(50px);
}

.smoke-01 .object {
  filter: blur(50px);
}

.smoke-02 .object {
  filter: blur(50px);
}

.smoke-03 .object {
  filter: blur(50px);
}

.smoke-04 .object {
  filter: blur(50px);
}

.smoke-05 .object {
  filter: blur(50px);
}

.smoke-06 .object {
  filter: blur(50px);
}

.smoke-07 .object {
  filter: blur(50px);
}

.smoke-08 .object {
  filter: blur(50px);
}

.smoke-09 .object {
  filter: blur(50px);
}

.smoke-10 .object {
  filter: blur(50px);
}

.smoke-11 .object {
  filter: blur(50px);
}