.container_sl {
  width: 500px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: 2px solid #444;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
}

.slider_sl {
  display: block;
  width: 1000px;
  transform: translateX(0%);
  transition: transform 1s ease-in-out;
   white-space: nowrap;
  padding: 1rem;
      

  &.active {
    transform: translateX(-50%);
    transition: transform 1s ease-in-out;
  }
}

.f1 {
  width: 50%;
  display:inline-block
}

.f2 {
  width: 50%;
  display:inline-block
}