en.javascript.info/7-animation/2-css-animations/ease-out.svg

<svg xmlns="http://www.w3.org/2000/svg" width="149" height="187" viewBox="0 0 149 187"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="animation" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="ease-out.svg"><path id="Path-1" stroke="#CB1E31" stroke-width="2" d="M23.688 143.905S81.885 43.49 124.155 43.49"/><path id="Line-2" stroke="#E8C48E" stroke-linecap="square" d="M83.5 43.5h40.3"/><circle id="Oval-1" cx="24" cy="144" r="4" fill="#FFF" stroke="#E8C48E"/><circle id="Oval-2" cx="124" cy="43" r="4" fill="#FFF" stroke="#E8C48E"/><circle id="Oval-3" cx="82" cy="43" r="4" fill="#FFF" stroke="#E8C48E"/><text id="1" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="13" y="165">1</tspan></text><text id="2" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="27" y="165">2</tspan></text><text id="3" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="79" y="35">3</tspan></text><text id="4" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="120" y="35">4</tspan></text></g></g></svg>