.loop_css1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    height: 65px;
    overflow: hidden;
  }

  .loop_css1 img {
    width: auto;
    height: 100%;
    will-change: transform;
  }

  @media screen and ( min-width: 900px ) {
    .loop_css1 {
      height: calc(100vw * .17);
      
    }

    .loop_css1 img {
      width: auto;
      min-width: 110vw;
      height: 100%;
    }
  }

  .loop_css1 img:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css1 img + img {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
  }


  .loop_css1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    height: 65px;
    overflow: hidden;
  }

  .loop_css1 img {
    width: auto;
    height: 100%;
    will-change: transform;
  }

  @media screen and ( min-width: 900px ) {
    .loop_css1 {
      height: calc(100vw * .17);
      
    }

    .loop_css1 img {
      width: auto;
      min-width: 110vw;
      height: 100%;
    }
  }

  .loop_css1 img:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css1 img + img {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
  }







    .loop_css2 {
      position: relative;
      display: -webkit-flex;
      display: flex;
      width: 100vw;
      height: 65px;
      overflow: hidden;
    }
  
    .loop_css2 img {
      width: auto;
      height: 100%;
      will-change: transform;
    }
  
    @media screen and (min-width: 900px) {
      .loop_css2 {
        height: calc(100vw * .17);
  
      }
  
      .loop_css2 img {
        width: auto;
        min-width: 110vw;
        height: 100%;
      }
    }
  
    .loop_css2 img:first-child {
      -webkit-animation: loop 50s -25s linear infinite;
      animation: loop 50s -25s linear infinite;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      will-change: transform;
    }
  
    .loop_css2 img+img {
      -webkit-animation: loop2 50s linear infinite;
      animation: loop2 50s linear infinite;
    }




  @-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }