.scrolling-images-section {
  overflow: hidden;
  background-color: #ffffff;
  border-top: medium solid #000;
  border-bottom: medium solid #000;

  padding: 20px 0;
}

.scrolling-images-wrapper {
  display: flex;
  /* Duplicate content via JS makes the scroll seamless */
  animation: scrollLeft 20s linear infinite;
}

.scrolling-image-item {
  flex: 0 0 auto;
  width: 350px;
  height: 200px;
  margin: 20px;
  /* 20px on each side adds 40px total horizontally */
}

.scrolling-image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Animate by the total width of one set of items (5 items x 390px = 1950px) */
@keyframes scrollLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-1950px);
  }
}