.main-container {
    background-color: rgb(108, 108, 108);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    margin: 5px;
    margin-top: 5px;
    min-height: 100vh;
}

.carousel-banner {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  border: 4px solid rgb(119, 119, 119);
}

.carousel-track {
  display: flex;
  transition: transform 0.8s ease-in-out;
  width: 100%; /* Remova largura fixa */
}
.carousel-track img {
  width: 100vw; /* Ou use 100% se estiver dentro de container com largura definida */
  height: 300px;
  object-fit: cover;
  flex-shrink: 0;
}