.moving-background-container {
  position: relative;
  height: 80px; /* Adjust the height as needed */
  background-color: #f5f5f5; /* Light grey background */
  overflow: hidden;
}
/* Ring Image */
.ring-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100px; /* Adjust size as needed */
}

/* Moving Text Background */
.moving-text {
  position: absolute;
  top: 50%;
  left: 100%; /* Start far outside the right edge */
  white-space: nowrap;
  font-size: 6rem; /* Adjust font size */
  font-weight: bold;
  color: #a9a9a9; /* Light grey color */
  letter-spacing: 5px;
  animation: moveText 15s linear infinite;
  transform: translateY(-50%);
}

/* Animation to move text */
@keyframes moveText {
  0% {
    left: 100%; /* Start from outside the right edge */
  }
  100% {
    left: -200%; /* Move completely outside the left edge */
  }
}

@media (max-width: 768px) {
  .moving-text {
    font-size: 2rem; /* Adjust font size for tablet */
    letter-spacing: 3px;
  }
  .ring-image {
    width: 60px; /* Adjust ring size for tablet */
  }
}

@media (max-width: 576px) {
  .moving-text {
    font-size: 1.5rem; /* Adjust font size for mobile */
    letter-spacing: 2px;
  }
  .ring-image {
    width: 50px; /* Adjust ring size for mobile */
  }
}