elastic.svg

<svg class="line-svg" width="300" height="2" viewBox="0 0 300 2" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path class="elastic-line" d="M0 0.999512C0 0.999512 60.5 0.999512 150 0.999512C239.5 0.999512 300 0.999512 300 0.999512" stroke="#D1D4DA" stroke-width="2"/>
</svg>
<!-- we need to transform line in figma to path in order to be able to animate it -->
 <!-- 'M1 0.999512C1 0.999512 61.5 7.5 151 7.5C240.5 7.5 301 0.999512 301 0.999512'-->


<!--  explanation : d=0 from path is standard line, M1 from commented is curved line, to make elastic effect we will move line from starting postion to cuvrve and 
bounce it back with amazing animation library gsap -->