.carrusel {
  /* min-height: 100vh; */
  /* background: #f7f7f7; */
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.slider {
  display: flex;
  height: auto;
  margin: auto;
  overflow: hidden;
  align-items: center;
}
.slider .slide-track {
  display: flex;
  animation: scroll 35s linear infinite;
  -webkit-animation: scroll 35s linear infinite;
  width: 100%;

}
.slider .slide {
  width: 25%;
  height: auto;
  margin: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider .slide img {
  height: auto;
  width: 100%;
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(calc(-28% * 4));
    transform: translateX(calc(-28% * 4));
  }
}

@media (max-width: 991.98px) {
  .slider .slide {
    width: 42%;
    min-width: 200px;
    margin: 14px;
  }
}

@media (max-width: 575.98px) {
  .slider .slide {
    width: 78%;
    min-width: 0;
    max-width: 320px;
    margin: 10px 12px;
  }

  .slider {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }

  .slider .slide-track {
    animation: none;
    width: max-content;
  }
}