.marquee-text {
  overflow: clip;
  padding:3rem 0 4rem 0;
}

.marquee-text-track {
  display: flex;
  padding-left: 1.8rem;
  gap: 1.8rem;
  width: max-content;
  animation: marquee-move-text var(--speed, 30s) linear infinite var(
      --direction,
      forwards
    );
}

.marquee-text p {
  border: 1px solid white;
  background-color: #141414;
  border-radius: 999px;
  padding: 1rem 2.5rem;
}

@keyframes marquee-move-text {
  to {
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 1280px) {
.marquee-text { overflow:clip; padding:0 0 1rem 0;}
}

@media (max-width: 1024px) {
.marquee-text img { height: 100px; }	
	
}

@media (max-width: 660px) {
.marquee-text img { height: 80px; }		
}
@media (max-width: 480px) {
.marquee-text img { height: 60px; }	
	
}