* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.wrapper {
  width: 100%;
  max-width: 1536px;
  height: 120px;
  margin: 50px auto;
  overflow: hidden;
  background: #ffffff;
  display: flex;
  align-items: center;
  position: relative;
}

.items {
  display: flex;
  animation: scrollLeft 30s linear infinite;
}

.item {
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease-in-out; /* Transicion suave */
}

.item img:hover {
  transform: scale(1.2); /* Aumentamos el tamaño en un 20% */
}

@keyframes scrollLeft {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); } /* Se mueve solo la mitad */
}