@keyframes slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.m-logos {
  .m-logos__titre {
    text-align: center;
  }

  .m-logos__texte {
    text-align: center;
  }

  .m-logos__loop {
    margin: 0;
    padding: 30px 0 !important;
    position: relative;


    &.logos {
      overflow: hidden;
      padding: 0;
      white-space: nowrap;
      position: relative;
    }

    &.logos:before,
    &.logos:after {
      position: absolute;
      top: 0;
      width: 50px;
      height: 100%;
      content: "";
      z-index: 2;
    }



    &.logos:hover .logos-slide {
      animation-play-state: paused;
    }

    .logos-slide {
      display: inline-flex;
      align-items: center;
      animation: 50s slide infinite linear;
      text-align: center;
    }

    .logos-slide img {
      max-height: 50px;
      margin: 0 20px;
      width: auto;
      max-width: 250px;
      filter: grayscale(100%);
      opacity: 0.3;
    }


  }
}