<div class="container">
   <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 294.18 294.63">
  <title>circles4</title>
  <g>
    <path d="M147.11,7.92V0a146.79,146.79,0,1,1-56.2,11.19A147.2,147.2,0,0,1,147.11,0V7.92A138.84,138.84,0,1,0,200.28,18.5,139.19,139.19,0,0,0,147.11,7.92Z"/>
    <path d="M147.11,23.75V15.83A131,131,0,1,1,97,25.81a131.36,131.36,0,0,1,50.13-10v7.92a123.11,123.11,0,1,0,47.1,9.38A123.26,123.26,0,0,0,147.11,23.75Z"/>
    <path d="M147.11,39.58V31.66A115.17,115.17,0,1,1,103,40.44a115.43,115.43,0,0,1,44.07-8.78v7.92a107.22,107.22,0,1,0,41,8.17A107.51,107.51,0,0,0,147.11,39.58Z"/>
    <path d="M147.11,55.41V47.5a99.26,99.26,0,1,1-38,7.56,99.65,99.65,0,0,1,38-7.56v7.91a91.37,91.37,0,1,0,35,7A91.85,91.85,0,0,0,147.11,55.41Z"/>
    <path d="M147.11,71.24V63.33a83.48,83.48,0,1,1-31.94,6.36,83.53,83.53,0,0,1,31.94-6.36v7.91A75.6,75.6,0,1,0,176,77,75.92,75.92,0,0,0,147.11,71.24Z"/>
    <path d="M147.11,87.08V79.16a67.64,67.64,0,1,1-25.88,5.15,68,68,0,0,1,25.88-5.15v7.92A59.69,59.69,0,1,0,170,91.62,59.92,59.92,0,0,0,147.11,87.08Z"/>
    <path d="M147.11,102.91V95a51.86,51.86,0,1,1-19.81,4,52.13,52.13,0,0,1,19.81-4v7.92a43.91,43.91,0,1,0,16.78,3.34A44,44,0,0,0,147.11,102.91Z"/>
    <path d="M147.11,118.74v-7.92a36,36,0,1,1-13.75,2.74,36.19,36.19,0,0,1,13.75-2.74v7.92a28.06,28.06,0,1,0,10.71,2.13A28.34,28.34,0,0,0,147.11,118.74Z"/>
    <path d="M147.11,134.57v-7.91a20.06,20.06,0,1,1-7.68,1.52,20.34,20.34,0,0,1,7.68-1.52v7.91a12.18,12.18,0,0,0-11.27,7.55,12.09,12.09,0,0,0,0,9.3,12.19,12.19,0,0,0,22.54,0,12.09,12.09,0,0,0,0-9.3,12.23,12.23,0,0,0-11.27-7.55Z"/>
    <g>
      <path d="M145.94,150.87h-2l.62-3.57h-2.93l-.62,3.57h-2l1.48-8.53h2l-.6,3.38h2.93l.59-3.38h2Z"/>
      <path d="M149.19,150.87h-1.93l1.1-6.34h1.93Zm-.66-7.94a.88.88,0,0,1,.3-.72,1.08,1.08,0,0,1,.76-.28,1.11,1.11,0,0,1,.75.25.94.94,0,0,1,0,1.4,1.19,1.19,0,0,1-1.51,0A.88.88,0,0,1,148.53,142.93Z"/>
      <path d="M150.63,150a.92.92,0,0,1,.3-.73,1.14,1.14,0,0,1,1.51,0,1,1,0,0,1,.32.69,1,1,0,0,1-.3.73,1.08,1.08,0,0,1-.77.3,1.11,1.11,0,0,1-.75-.27A1,1,0,0,1,150.63,150Zm2.18-1.85h-1.57l.77-5.83h2.05Z"/>
    </g>
    <path d="M147.11,148c0-1.64.23-1.76.11-1.55a2.21,2.21,0,0,1-.36.57,2.35,2.35,0,0,1,.58-.36,13.53,13.53,0,0,1-1.55.12c1.63,0,1.76.22,1.55.11a2.35,2.35,0,0,1-.58-.36,2.35,2.35,0,0,1,.36.58c.12.2-.09.08-.11-1.55,0,1.63-.22,1.75-.11,1.55a2.35,2.35,0,0,1,.36-.58,2.35,2.35,0,0,1-.58.36c-.21.11-.08-.09,1.55-.11a13.53,13.53,0,0,1-1.55-.12,2.35,2.35,0,0,1,.58.36,2.21,2.21,0,0,1-.36-.57c-.11-.21.09-.09.11,1.55,0-1.64-.22-1.76-.11-1.55a2.21,2.21,0,0,0,.36.57,2.35,2.35,0,0,0-.58-.36,13.53,13.53,0,0,0,1.55.12c-1.63,0-1.76.22-1.55.11a2.35,2.35,0,0,0,.58-.36,2.35,2.35,0,0,0-.36.58c-.11.2.09.08.11-1.55,0,1.63.23,1.75.11,1.55a2.35,2.35,0,0,0-.36-.58,2.35,2.35,0,0,0,.58.36c.21.11.08-.09-1.55-.11a13.53,13.53,0,0,0,1.55-.12,2.35,2.35,0,0,0-.58.36,2.21,2.21,0,0,0,.36-.57C147.34,146.23,147.13,146.35,147.11,148Z"/>
    <path d="M147.11,148c0-1.64.23-1.76.11-1.55a2.21,2.21,0,0,1-.36.57,2.35,2.35,0,0,1,.58-.36,13.53,13.53,0,0,1-1.55.12c1.63,0,1.76.22,1.55.11a2.35,2.35,0,0,1-.58-.36,2.35,2.35,0,0,1,.36.58c.12.2-.09.08-.11-1.55,0,1.63-.22,1.75-.11,1.55a2.35,2.35,0,0,1,.36-.58,2.35,2.35,0,0,1-.58.36c-.21.11-.08-.09,1.55-.11a13.53,13.53,0,0,1-1.55-.12,2.35,2.35,0,0,1,.58.36,2.21,2.21,0,0,1-.36-.57c-.11-.21.09-.09.11,1.55,0-1.64-.22-1.76-.11-1.55a2.21,2.21,0,0,0,.36.57,2.35,2.35,0,0,0-.58-.36,13.53,13.53,0,0,0,1.55.12c-1.63,0-1.76.22-1.55.11a2.35,2.35,0,0,0,.58-.36,2.35,2.35,0,0,0-.36.58c-.11.2.09.08.11-1.55,0,1.63.23,1.75.11,1.55a2.35,2.35,0,0,0-.36-.58,2.35,2.35,0,0,0,.58.36c.21.11.08-.09-1.55-.11a13.53,13.53,0,0,0,1.55-.12,2.35,2.35,0,0,0-.58.36,2.21,2.21,0,0,0,.36-.57C147.34,146.23,147.13,146.35,147.11,148Z"/>
  </g>
</svg>
<svg id="Layer_2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 294.18 294.63">
  <title>circles4</title>
  <g>
    <path d="M147.11,7.92V0a146.79,146.79,0,1,1-56.2,11.19A147.2,147.2,0,0,1,147.11,0V7.92A138.84,138.84,0,1,0,200.28,18.5,139.19,139.19,0,0,0,147.11,7.92Z"/>
    <path d="M147.11,23.75V15.83A131,131,0,1,1,97,25.81a131.36,131.36,0,0,1,50.13-10v7.92a123.11,123.11,0,1,0,47.1,9.38A123.26,123.26,0,0,0,147.11,23.75Z"/>
    <path d="M147.11,39.58V31.66A115.17,115.17,0,1,1,103,40.44a115.43,115.43,0,0,1,44.07-8.78v7.92a107.22,107.22,0,1,0,41,8.17A107.51,107.51,0,0,0,147.11,39.58Z"/>
    <path d="M147.11,55.41V47.5a99.26,99.26,0,1,1-38,7.56,99.65,99.65,0,0,1,38-7.56v7.91a91.37,91.37,0,1,0,35,7A91.85,91.85,0,0,0,147.11,55.41Z"/>
    <path d="M147.11,71.24V63.33a83.48,83.48,0,1,1-31.94,6.36,83.53,83.53,0,0,1,31.94-6.36v7.91A75.6,75.6,0,1,0,176,77,75.92,75.92,0,0,0,147.11,71.24Z"/>
    <path d="M147.11,87.08V79.16a67.64,67.64,0,1,1-25.88,5.15,68,68,0,0,1,25.88-5.15v7.92A59.69,59.69,0,1,0,170,91.62,59.92,59.92,0,0,0,147.11,87.08Z"/>
    <path d="M147.11,102.91V95a51.86,51.86,0,1,1-19.81,4,52.13,52.13,0,0,1,19.81-4v7.92a43.91,43.91,0,1,0,16.78,3.34A44,44,0,0,0,147.11,102.91Z"/>
    <path d="M147.11,118.74v-7.92a36,36,0,1,1-13.75,2.74,36.19,36.19,0,0,1,13.75-2.74v7.92a28.06,28.06,0,1,0,10.71,2.13A28.34,28.34,0,0,0,147.11,118.74Z"/>
    <path d="M147.11,134.57v-7.91a20.06,20.06,0,1,1-7.68,1.52,20.34,20.34,0,0,1,7.68-1.52v7.91a12.18,12.18,0,0,0-11.27,7.55,12.09,12.09,0,0,0,0,9.3,12.19,12.19,0,0,0,22.54,0,12.09,12.09,0,0,0,0-9.3,12.23,12.23,0,0,0-11.27-7.55Z"/>
    <g>
      <path d="M145.94,150.87h-2l.62-3.57h-2.93l-.62,3.57h-2l1.48-8.53h2l-.6,3.38h2.93l.59-3.38h2Z"/>
      <path d="M149.19,150.87h-1.93l1.1-6.34h1.93Zm-.66-7.94a.88.88,0,0,1,.3-.72,1.08,1.08,0,0,1,.76-.28,1.11,1.11,0,0,1,.75.25.94.94,0,0,1,0,1.4,1.19,1.19,0,0,1-1.51,0A.88.88,0,0,1,148.53,142.93Z"/>
      <path d="M150.63,150a.92.92,0,0,1,.3-.73,1.14,1.14,0,0,1,1.51,0,1,1,0,0,1,.32.69,1,1,0,0,1-.3.73,1.08,1.08,0,0,1-.77.3,1.11,1.11,0,0,1-.75-.27A1,1,0,0,1,150.63,150Zm2.18-1.85h-1.57l.77-5.83h2.05Z"/>
    </g>
    <path d="M147.11,148c0-1.64.23-1.76.11-1.55a2.21,2.21,0,0,1-.36.57,2.35,2.35,0,0,1,.58-.36,13.53,13.53,0,0,1-1.55.12c1.63,0,1.76.22,1.55.11a2.35,2.35,0,0,1-.58-.36,2.35,2.35,0,0,1,.36.58c.12.2-.09.08-.11-1.55,0,1.63-.22,1.75-.11,1.55a2.35,2.35,0,0,1,.36-.58,2.35,2.35,0,0,1-.58.36c-.21.11-.08-.09,1.55-.11a13.53,13.53,0,0,1-1.55-.12,2.35,2.35,0,0,1,.58.36,2.21,2.21,0,0,1-.36-.57c-.11-.21.09-.09.11,1.55,0-1.64-.22-1.76-.11-1.55a2.21,2.21,0,0,0,.36.57,2.35,2.35,0,0,0-.58-.36,13.53,13.53,0,0,0,1.55.12c-1.63,0-1.76.22-1.55.11a2.35,2.35,0,0,0,.58-.36,2.35,2.35,0,0,0-.36.58c-.11.2.09.08.11-1.55,0,1.63.23,1.75.11,1.55a2.35,2.35,0,0,0-.36-.58,2.35,2.35,0,0,0,.58.36c.21.11.08-.09-1.55-.11a13.53,13.53,0,0,0,1.55-.12,2.35,2.35,0,0,0-.58.36,2.21,2.21,0,0,0,.36-.57C147.34,146.23,147.13,146.35,147.11,148Z"/>
    <path d="M147.11,148c0-1.64.23-1.76.11-1.55a2.21,2.21,0,0,1-.36.57,2.35,2.35,0,0,1,.58-.36,13.53,13.53,0,0,1-1.55.12c1.63,0,1.76.22,1.55.11a2.35,2.35,0,0,1-.58-.36,2.35,2.35,0,0,1,.36.58c.12.2-.09.08-.11-1.55,0,1.63-.22,1.75-.11,1.55a2.35,2.35,0,0,1,.36-.58,2.35,2.35,0,0,1-.58.36c-.21.11-.08-.09,1.55-.11a13.53,13.53,0,0,1-1.55-.12,2.35,2.35,0,0,1,.58.36,2.21,2.21,0,0,1-.36-.57c-.11-.21.09-.09.11,1.55,0-1.64-.22-1.76-.11-1.55a2.21,2.21,0,0,0,.36.57,2.35,2.35,0,0,0-.58-.36,13.53,13.53,0,0,0,1.55.12c-1.63,0-1.76.22-1.55.11a2.35,2.35,0,0,0,.58-.36,2.35,2.35,0,0,0-.36.58c-.11.2.09.08.11-1.55,0,1.63.23,1.75.11,1.55a2.35,2.35,0,0,0-.36-.58,2.35,2.35,0,0,0,.58.36c.21.11.08-.09-1.55-.11a13.53,13.53,0,0,0,1.55-.12,2.35,2.35,0,0,0-.58.36,2.21,2.21,0,0,0,.36-.57C147.34,146.23,147.13,146.35,147.11,148Z"/>
  </g>
</svg>
</div>
body {
   margin: auto;
}

.container{
   margin: auto;
   margin-top: 50px;
   text-align: center;
}

.path{
    stroke-dasharray: 100;
}

svg{

   display: inline-block;
}

#Layer_1 {
   width: 400px;
    mix-blend-mode: difference;
    fill: #fff;
   position: relative;
   left: 0%;
   animation: moveleft 20s ease-in-out infinite alternate;
   animation-delay: -5s;
}
#Layer_2 {
   width: 400px;
   mix-blend-mode: difference;
   fill: #fff;
   position: relative;
   right: 0%;
   animation: moveright 20s ease-in-out infinite alternate;
   animation-delay: -5s;
}

@keyframes moveleft{
   0%{
      transform:translatex(0%);
   }
   100%{
      transform:translatex(100%);
   }
   
}
@keyframes moveright{
   0%{
      transform:translatex(0%);
   }
   100%{
     transform:translatex(-100%);
   }
   
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.