.scroll-container {
  overflow: hidden;
  width: 100%;
}

.scroll-content {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scrollLeft 15s linear infinite;
}

.about-content {
  text-align: justify;
  text-justify: inter-word;
  font-size: 1.1rem;
  line-height: 1.6;
}

.scroll-content > .col-md-4 {
  flex: 0 0 auto;
  width: 300px; 
}

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