#ball {
  transform-box: fill-box;
  transform-origin: center;
}

.move {
  offset-path: path("M-26.5,231C195.52,83.37,346.66,73.05,446.33,94.79,599.23,128.14,656,242.41,784.53,223.34c102.71-15.24,105-103,251.59-154.8,111.5-39.36,214.15-26.65,246.41-22.31C1506.19,76.33,1626.63,241.13,1647,270");
  animation: ride 6s alternate infinite;
  animation-timing-function: ease-in-out;
}

@keyframes ride {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}

#about {
  display: flex;
  flex-direction: row;
}

.svg {
  display: flex;
  justify-content: center;
}

#thesvg {
  max-width: 90rem;
  padding: 0;
}
svg {
  width: 100%;
}