<body>
  
   <div class="container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77 86.17">

  <title>brain</title>
  <g id="Brain">
    <g id="Brain_Shape" data-name="Brain Shape">
      <path class="cls-1" d="M50.91,88.29A11.58,11.58,0,0,1,39.34,76.72v-63a11.57,11.57,0,0,1,23.14-.17,11.61,11.61,0,0,1,6.93,10.59V26.6a11.61,11.61,0,0,1,4.43,9.09h0a11.53,11.53,0,0,1,3.71,14.8,11.53,11.53,0,0,1-3.81,14.87,11.47,11.47,0,0,1-4.6,7.88,11.62,11.62,0,0,1-7.84,8.57A11.59,11.59,0,0,1,50.91,88.29Zm0-84.17a9.58,9.58,0,0,0-9.57,9.57v63a9.57,9.57,0,0,0,18.33,3.85,1,1,0,0,1,.65-.56,9.59,9.59,0,0,0,6.93-7.53,1,1,0,0,1,.42-.65A9.51,9.51,0,0,0,71.8,64.7a1,1,0,0,1,.47-.78,9.5,9.5,0,0,0,4.57-8.14A9.64,9.64,0,0,0,75.55,51a1,1,0,0,1,0-1,9.54,9.54,0,0,0-3.24-12.91,1,1,0,0,1-.47-.85v-.54a9.61,9.61,0,0,0-4-7.78,1,1,0,0,1-.42-.81v-3a9.61,9.61,0,0,0-6.27-9,1,1,0,0,1-.66-.93v-.51A9.58,9.58,0,0,0,50.91,4.12Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M29.77,88.29a11.58,11.58,0,0,1-10.39-6.48,11.62,11.62,0,0,1-7.84-8.57,11.51,11.51,0,0,1-4.61-7.88,11.54,11.54,0,0,1-3.8-14.87,11.53,11.53,0,0,1,3.71-14.8h0a11.58,11.58,0,0,1,4.43-9.09V24.11A11.6,11.6,0,0,1,18.2,13.52a11.57,11.57,0,0,1,23.14.17v63A11.58,11.58,0,0,1,29.77,88.29Zm0-84.17a9.59,9.59,0,0,0-9.58,9.57v.51a1,1,0,0,1-.65.93,9.61,9.61,0,0,0-6.27,9v3a1,1,0,0,1-.42.81,9.61,9.61,0,0,0-4,7.78v.54a1,1,0,0,1-.47.85A9.54,9.54,0,0,0,5.13,50a1,1,0,0,1,0,1A9.54,9.54,0,0,0,8.41,63.92a1,1,0,0,1,.47.78A9.51,9.51,0,0,0,13,71.83a1,1,0,0,1,.42.65A9.6,9.6,0,0,0,20.35,80a1,1,0,0,1,.66.56,9.57,9.57,0,0,0,18.33-3.85v-63A9.59,9.59,0,0,0,29.77,4.12Z" transform="translate(-1.84 -2.12)"/>
    </g>
  </g>
  <g id="Connection">
    <g id="connections">
      <path class="cls-1" d="M16.49,51.49H4.26a1,1,0,1,1,0-2H16.49a1,1,0,1,1,0,2Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M53.52,60a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l8.5-8.5a1,1,0,0,1,.71-.29H76.41a1,1,0,0,1,0,2h-14l-8.2,8.21A1,1,0,0,1,53.52,60Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M51.92,46.62H40.34a1,1,0,0,1,0-2H51.51l8.3-8.3a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42l-8.59,8.59A1,1,0,0,1,51.92,46.62Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M57.84,28.17h-11a1,1,0,0,1-.71-.29l-6.54-6.55a1,1,0,0,1,0-1.41,1,1,0,0,1,1.42,0l6.24,6.25H57.84a1,1,0,0,1,0,2Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M61.48,15.2h-11a1,1,0,0,1,0-2h11a1,1,0,0,1,0,2Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M56,69.82H40.34a1,1,0,0,1,0-2h15.2l6-6a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41l-6.3,6.29A1,1,0,0,1,56,69.82Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M40.34,32.49a1,1,0,0,1-.71-.3l-6.85-6.85H22.84a1,1,0,0,1,0-2H33.19a1,1,0,0,1,.71.29l7.15,7.15a1,1,0,0,1,0,1.41A1,1,0,0,1,40.34,32.49Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M18.43,67.77a1,1,0,0,1-.71-1.71l7.78-7.78a1,1,0,0,1,.7-.29H40.34a1,1,0,0,1,0,2H26.62l-7.48,7.48A1,1,0,0,1,18.43,67.77Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M29.77,88.29a1,1,0,0,1-1-1V76.48l-4.06-4.06a1,1,0,0,1,0-1.42,1,1,0,0,1,1.41,0l4.35,4.36a1,1,0,0,1,.3.7V87.29A1,1,0,0,1,29.77,88.29Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M7.88,65.78a1,1,0,0,1-.71-.3,1,1,0,0,1,0-1.41l5.18-5.18a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41L8.59,65.48A1,1,0,0,1,7.88,65.78Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M22.52,38.35a1,1,0,0,1-.71-.29L11.56,27.8A1,1,0,1,1,13,26.39L23.23,36.64a1,1,0,0,1,0,1.42A1,1,0,0,1,22.52,38.35Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M27.59,14.69h-8.4a1,1,0,0,1,0-2h8.4a1,1,0,0,1,0,2Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M47.35,87.66a1,1,0,0,1-1-1V75.94a1,1,0,0,1,2,0V86.66A1,1,0,0,1,47.35,87.66Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M26.13,47.79a1,1,0,0,1-.71-1.71l5.46-5.46a1,1,0,0,1,.71-.29h8.75a1,1,0,0,1,0,2H32l-5.17,5.16A1,1,0,0,1,26.13,47.79Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M68.64,41.43a1,1,0,0,1-.7-.3,1,1,0,0,1,0-1.41l4.19-4.19a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41l-4.2,4.19A1,1,0,0,1,68.64,41.43Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M72.8,65.78a1,1,0,0,1-.71-.3l-4.23-4.23a1,1,0,0,1,1.41-1.41l4.23,4.23a1,1,0,0,1,0,1.41A1,1,0,0,1,72.8,65.78Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M60.58,82a1,1,0,0,1-.7-.29l-3.6-3.6a1,1,0,0,1,1.41-1.41l3.6,3.6a1,1,0,0,1,0,1.41A1,1,0,0,1,60.58,82Z" transform="translate(-1.84 -2.12)"/>
      <path class="cls-1" d="M12.22,41.61a1,1,0,0,1-.71-.29L7.13,36.94a1,1,0,0,1,0-1.41,1,1,0,0,1,1.42,0l4.37,4.37a1,1,0,0,1,0,1.42A1,1,0,0,1,12.22,41.61Z" transform="translate(-1.84 -2.12)"/>
    </g>
  </g>
  <g id="Dots">
    <g id="dots-2" data-name="dots">
      <circle id="dot14" class="dotclass" cx="14.65" cy="48.37" r="2.29"/>
      <circle id="dot13" class="dotclass" cx="16.59" cy="64.64" r="2.29"/>
      <circle id="dot12" class="dotclass" cx="20.68" cy="22.22" r="2.29"/>
      <circle id="dot11" class="dotclass" cx="57.17" cy="24.97" r="2.29"/>
      <circle id="dot10" class="dotclass" cx="51.68" cy="57.47" r="2.29"/>
      <circle id="dot9" class="dotclass" cx="60.41" cy="60.06" r="2.29"/>
      <circle id="dot8" class="dotclass" cx="48.59" cy="12.07" r="2.29"/>
      <circle id="dot7" class="dotclass" cx="25.75" cy="11.57" r="2.29"/>
      <circle id="dot6" class="dotclass" cx="58.68" cy="34.91" r="2.29"/>
      <circle id="dot5" class="dotclass" cx="45.54" cy="73.22" r="2.29"/>
      <circle id="dot4" class="dotclass" cx="23.57" cy="45.31" r="2.29"/>
      <circle id="dot3" class="dotclass" cx="21.55" cy="36.15" r="2.29"/>
      <circle id="dot2" class="dotclass" cx="11.59" cy="56.87" r="2.29"/>
      <circle id="dot1" class="dotclass" cx="23.57" cy="69.59" r="2.29"/>
    </g>
  </g>
</svg>

   </div>
</body>
body{
  background: #f5f8fa;
}

svg {
   display: block;
   height: 80vh;
   left: Opx;
   margin: auto;
   padding: 2%;
}

.cls-1,
.dotclass {
   fill: #4c6bfa;
}

#dot1 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -71ms;
}

#dot2 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -142ms;
}

#dot3 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -213ms;
}

#dot4 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -284ms;
}

#dot5 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -355ms;
}

#dot6 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -426ms;
}

#dot7 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -497ms;
}

#dot8 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -568ms;
}

#dot9 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -639ms;
}

#dot10 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -710ms;
}

#dot11 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -781ms;
}

#dot12 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -852ms;
}

#dot13 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -923ms;
}

#dot14 {
   animation: heartbeat 1.5s ease-in-out infinite both;
   animation-delay: -1000ms;
}

@keyframes heartbeat {
   from {
      transform: scale(1);
      transform-origin: center center;
      animation-timing-function: ease-out;
   }
   10% {
      transform: scale(0.8);
      animation-timing-function: ease-in;
   }
   17% {
      transform: scale(1.2);
      animation-timing-function: ease-out;
   }
   33% {
      transform: scale(0.8);
      animation-timing-function: ease-in;
   }
   45% {
      transform: scale(1);
      animation-timing-function: ease-out;
   }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.