.gallery-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.gallery {
  width: max-content;
  animation: scrollLeft 50s linear infinite;
}

.gallery .student-images {
  max-height: 250px;
}

.gallery .card {
  width: 390px;
}

.gallery-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, #fff 0%, transparent 5%, transparent 95%, #fff 100%);
}

#student-comment b {
  color: var(--darkBlueGrey);
  font-size: 18px;
}

#student-comment:hover {
  animation-play-state: paused;
}

@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
  .gallery {
    animation-duration: 60s;
  }

  .gallery img {
    max-height: 130px !important;
  }

  .gallery .card {
    width: 300px;
  }
}