.container_slider {
  /* margin: 20px auto; */
  position: relative;
  display: flex;
  /* width: 1200px; */
  justify-content: center;
  overflow: hidden;
}

.slider-text {
  flex: 0 0 350px;
  transition: all 200ms linear;
  position: relative;
  overflow: hidden;
  margin-left: 80px;
  height: 400px;
  align-self: stretch;
  z-index: 0;

  .slide {
    width: 100%;
    position: absolute;
    padding: 20px 20px 20px 40px;
    color: white;
  }
}

.slider-images {
  flex: 0 0 400px;
  height: 400px;
  position: relative;
  z-index: 10;
}

.slider-images .slide-image {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 10%;
  top: 10%;
}

.slider-images .slide-image img {
  height: 80%;
  width: 80%;
  object-fit: cover;
}

.nav_slider {
  align-self: end;
  color: #b384b5;
  border: 0;
  background: white;
  font-size: 20px;
  padding: 0px 25px;
  border-radius: 20px;
  z-index: 10;

}

.nav_slider:hover {
  background-color: #b384b54d;
  color: #ffff;
  transition: all 200ms linear;
}

.backgrounds {
  position: absolute;
  width: 100%;
  height: 100%;
}

.backgrounds .bg-pieces {
  position: absolute;
  width: 100%;
  height: 100%;
}

.backgrounds .bg-pieces .bgpiece {
  background-repeat: no-repeat;
  position: relative;
  filter: brightness()
}

.backgrounds .bg-pieces .bgpiece.one {
  width: 110%;
  height: 80px;
  background-size: calc(100% + 100px);
  background-position: -100px -100px;
  top: 20px;
  mix-blend-mode: overlay;
  filter: brightness(1.6) hue-rotate(10deg) contrast(1.2);
}

.backgrounds .bg-pieces .bgpiece.two {
  width: 120%;
  height: 30px;
  left: 20px;
  z-index: 99;
  background-position: 0px -120px;
  mix-blend-mode: overlay;
  background-size: 100% auto;
}

.backgrounds .bg-pieces .bgpiece.three {
  width: 115%;
  height: 60px;
  background-size: 100% auto;
  background-position: 0 -200px;
  top: 60px;
  left: -50px;
  filter: brightness(1.3) saturate(.9) hue-rotate(10deg);
}

.backgrounds .bg-pieces .bgpiece.four {
  width: 85%;
  height: 90px;
  background-size: calc(100% + 20px) calc(100% + 300px);
  background-position: 20px -300px;
  mix-blend-mode: overlay;
  filter: brightness(1.3) hue-rotate(20deg);
  top: 170px;
  left: 40px;
  z-index: 99;
}