<div>
<img src='https://zeplin.io/img/bgPath.svg' alt />
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="800px" height="400px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 800 400"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <g>
  <path class="fil0 str0" d="M626.2 249.2c-36.1,18.1 -80.6,-1.9 -127.2,-12.2 -67.9,-14.9 -4.3,-56.8 -71.9,-122.6 -82.6,-80.4 -71.3,-43.1 -187.2,50.7 -33.8,27.4 -52.3,-3.3 -87.3,27.2 -13.4,11.7 -86.8,75.8 -91.0,86.3 -11.1,27.6 6.1,49.5 31.05,49.8 134.9,1.5 274.5,0.5 410.0,0.0 65.1,-0.2 98.6,0.6 120.8,-0.0 34.0,-0.9 41.4,-7.8 95.5,-48.1 45.5,-33.8 12.3,-54.3 -6.9,-58.5 -17.8,-3.8 -69.1,21.3 -85.7,27.2z" />
  <path class="fil0 str1" d="M626.2 249.2c-36.1,18.1 -80.6,-1.9 -127.2,-12.2 -67.9,-14.9 -4.3,-56.8 -71.9,-122.6 -82.6,-80.4 -71.3,-43.1 -187.2,50.7 -33.8,27.4 -52.3,-3.3 -87.3,27.2 -13.4,11.7 -86.8,75.8 -91.0,86.3 -11.1,27.6 6.1,49.5 31.05,49.8 134.9,1.5 274.5,0.5 410.0,0.0 65.1,-0.2 98.6,0.6 120.8,-0.0 34.0,-0.9 41.4,-7.8 95.5,-48.1 45.5,-33.8 12.3,-54.3 -6.9,-58.5 -17.8,-3.8 -69.1,21.3 -85.7,27.2z" />
 </g>
</svg>
  <div>
*, *:before, *:after {
  box-sizing: inherit;
}
* {margin:0;padding:0;border:0 none; position: relative;}
html {
  background: #f5f5f5;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}
body {
  height:100%;  
}
div {
  width: 800px;
  height: 400px;
  margin: 0 auto;
}
svg {
  position: absolute;
  left: 0; top: 0;
}
.fil0 {
  fill: none;
}
.str0 {
  stroke: #444;
  stroke-width: 30px;
}

.str1 {
  stroke: #fff;
  stroke-width: 1px;
}
img {
  z-index: 1;
  width: 100px;
  height: auto;
  motion-path: path('M626.2 249.2c-36.1, 18.1 -80.6, -1.9 -127.2, -12.2 -67.9, -14.9 -4.3, -56.8 -71.9, -122.6 -82.6, -80.4 -71.3, -43.1 -187.2, 50.7 -33.8, 27.4 -52.3, -3.3 -87.3, 27.2 -13.4, 11.7 -86.8, 75.8 -91.0, 86.3 -11.1, 27.6 6.1, 49.5 31.05, 49.8 134.9, 1.5 274.5, 0.5 410.0, 0.0 65.1, -0.2 98.6, 0.6 120.8, -0.0 34.0, -0.9 41.4, -7.8 95.5, -48.1 45.5, -33.8 12.3, -54.3 -6.9, -58.5 -17.8, -3.8 -69.1, 21.3 -85.7, 27.2z');
  animation: infinite scalextric linear 3s;
}

@keyframes scalextric {
  0% { motion-offset: 0;}
  70% { motion-offset: 46%;}
  80% {motion-offset: 90%;}
  100% { motion-offset: 100%;}
}

.aviso {
  font-family: sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  background: orange;
  color: #fff;
  font-weight: 300;
  line-height: 1;
  padding: .5rem;
  border-radius: 0 5px 0 0;
  box-shadow: 0 0 4px rgba(0,0,0,.4);
  z-index: 100;
}
.aviso a {
  text-decoration: none;
  color: #000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.