.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 400px; */
  cursor: grab;
}

.carousel.active {
  cursor: grabbing;
}

.carousel .inner {
  position: absolute;
  display: flex;
  flex-direction: row;
  top: 0;
  left: 0;
  width: fit-content;
  height: inherit;
  transition: left 0.3s ease;
}

.carousel.active .inner {
  transition: none;
}