@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;

  white-space: nowrap;
  position: relative;
}

.logo_items {
  display: inline-flex;
  animation: 65s slides infinite linear;
  gap: 50px;
}

/* Duplicate the items to create a seamless loop */
.logo_items::after {
  content: '';
  display: inline-flex;
}

/* Set the height of the images */
.logo_items img {
  height: 150px;
}

/* Pause animation on hover */
.logos:hover .logo_items {
  animation-play-state: paused;
}
.textimg{
  position: absolute;
  width: 50% !important;
  height: auto !important;
  right: -55px;
  margin-bottom: 253px;
  
}