.embla {
  position: relative;
}
.embla .embla__viewport {
  overflow: hidden;
  width: var(--embla-viewport-width);
  margin: 0 auto;
}
.embla .embla__viewport .embla__container {
  display: flex;
}
.embla .embla__viewport .embla__container .embla__slide {
  flex: 0 0 var(--embla-slide-width);
  margin-right: var(--embla-slide-margin);
  box-sizing: border-box;
  position: relative;
  height: var(--embla-slide-height);
  display: flex;
  align-items: center;
  /** to enable crossfade */
}
.embla .embla__viewport .embla__container .embla__slide:not(.is-active) {
  opacity: 1 !important;
  z-index: 1;
}
.embla .embla__viewport .embla__container .embla__slide.is-active {
  z-index: 2;
}
.embla .embla__viewport .embla__container .embla__slide {
  /** ---- **/
}