.carousel-container {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.cards {
  display: flex;
  justify-content: center;
  transition: transform 0.5s ease-in-out;
  width: 300%; /* Tamanho dependendo da quantidade de cards */
}

.card {
  min-width: 100%; /* Proporcional ao número de cards */
  margin: 0 10px;
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}