Continuous Image Scroll

by andyjh07

HTML

<section class="content-block">
      <div class="text-slider">
        <div class="text-slider-image-win"></div>
      </div>
    </section>

SCSS

.text-slider {
  width: 100%;
  overflow: hidden;

  &-image-win {
    width: 100%;
    height: 150px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2151.374' height='149.364'%3E%3Cdefs%3E%3ClinearGradient id='b' x2='1.842' y2='2.003' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f7d1a1'/%3E%3Cstop offset='.147' stop-color='%23f7adcc'/%3E%3Cstop offset='.312' stop-color='%238ef0bb'/%3E%3Cstop offset='.426' stop-color='%2336cff0'/%3E%3Cstop offset='.519' stop-color='%237082c9'/%3E%3Cstop offset='.643' stop-color='%236f83c9'/%3E%3Cstop offset='.744' stop-color='%238ef0bb'/%3E%3Cstop offset='.83' stop-color='%23a378c7'/%3E%3Cstop offset='.925' stop-color='%23f7d1a1'/%3E%3Cstop offset='1' stop-color='%23f7adcc'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23a5a5a4' d='M2044.344 2.067a35.063 35.063 0 0 1-13.252-2.479 29.972 29.972 0 0 1-10.373-6.982 31.292 31.292 0 0 1-6.74-10.758 38.854 38.854 0 0 1-2.4-13.778v-80.958a39.7 39.7 0 0 1 2.4-13.927 31.774 31.774 0 0 1 6.738-10.889 29.986 29.986 0 0 1 10.373-7.077 34.64 34.64 0 0 1 13.255-2.516 34.711 34.711 0 0 1 13.139 2.473 30.4 30.4 0 0 1 10.354 6.934 31.945 31.945 0 0 1 6.839 10.629 38.8 38.8 0 0 1 2.635 13.536l.014.638h-21.245v-.625c0-11.107-7.353-12.765-11.735-12.765a14.278 14.278 0 0 0-4.4.642 9.669 9.669 0 0 0-3.646 2.1c-2.311 2.152-3.483 5.524-3.483 10.023v82.4c0 4.661 1.271 8.141 3.779 10.346a11.667 11.667 0 0 0 7.75 2.625 11.768 11.768 0 0 0 8.151-2.77c2.378-2.191 3.584-5.623 3.584-10.2v-19.152h-12.36v-18.76h33.592v37.293a38.788 38.788 0 0 1-2.4 13.779 31.2 31.2 0 0 1-6.763 10.758 30.073 30.073 0 0 1-10.435 6.981 35.6 35.6 0 0 1-13.371 2.479Zm0-148.114a33.389 33.389 0 0 0-12.779 2.422 28.741 28.741 0 0 0-9.944 6.783 30.533 30.533 0 0 0-6.472 10.464 38.454 38.454 0 0 0-2.317 13.49v80.958a37.614 37.614 0 0 0 2.316 13.337 30.051 30.051 0 0 0 6.47 10.332 28.734 28.734 0 0 0 9.944 6.692 33.818 33.818 0 0 0 12.782 2.386 34.359...