.carousel-container {
  width: 100%;
  height: 600px;
  /* Altura del carrusel 600px*/
  overflow: hidden;
  position: relative;
  padding: 20px 0;
}

.carousel-row {
  display: flex;
  width: calc(100% * 4);
  /* Cuatro veces el ancho de la pantalla para que se vea como si fuera infinito */
  position: relative;
}

.carousel-item {
  flex: 0 0 160px;
  /* Ancho de 80px */
  height: 240px;
  /* Alto de 240px */
  /* padding: 10px; */
  margin: 10px;
  box-sizing: border-box;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.carousel-row-responcive {
  display: flex;
  width: calc(100% * 4);
  /* Cuatro veces el ancho de la pantalla para que se vea como si fuera infinito */
  position: relative;
}
.carousel-item-r {
  flex: 0 0 160px;
  /* Ancho de 80px */
  height: 240px;
  /* Alto de 240px */
  /* padding: 10px; */
  margin: 10px;
  box-sizing: border-box;
}
.carousel-item-r img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.carousel-row-responcive:first-child {
  animation: move-rightr 60s linear infinite;
}
.carousel-row-responcive:last-child {
  animation: move-leftr 60s linear infinite;
  flex-direction: row-reverse;
  /* Hacer que los ítems comiencen desde la derecha */
}

.carousel-row:first-child {
  animation: move-right 60s linear infinite;
}

.carousel-row:last-child {
  animation: move-left 60s linear infinite;
  flex-direction: row-reverse;
  /* Hacer que los ítems comiencen desde la derecha */
}

@keyframes move-right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-75%);
  }

  /* Mover hacia la izquierda */
}

@keyframes move-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(75%);
  }

  /* Mover hacia la derecha */
}

@keyframes move-rightr {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-75%);
  }

  /* Mover hacia la izquierda */
}

@keyframes move-leftr {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(75%);
  }

  /* Mover hacia la derecha */
}
