body {
  background-color: #fff8f0;
}

.main-logo {
  max-width: 220px;
  margin: 2rem auto;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 2rem auto;
}

.carousel-track {
  display: flex;
  animation: slide 20s infinite linear;
}

.carousel-item {
  flex: 0 0 100%;
  text-align: center;
  padding: 1rem;
}

.carousel-item img {
  max-height: 160px;
  margin-bottom: 1rem;
  background: white;
  padding: 0.5rem;
  border-radius: 0.5rem;
}

@keyframes slide {
  0% { transform: translateX(0); }
  25% { transform: translateX(-100%); }
  50% { transform: translateX(-200%); }
  75% { transform: translateX(-300%); }
  100% { transform: translateX(0); }
}