The customer threw a video with an example of animation and svg logo. I did everything except the logo distortion animation. The first time I met with such an animation and I do not understand how it can be implemented with this image. Can you tell me if it is possible to do it on the frontend or do I need something else from the designer?
<svg width="1044" height="209" viewBox="0 0 1044 209" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M89 57H81V81H73V105H65V129H57V153H0V128H8V104H16V80H24V56H32V32H40V8H97V33H89V57ZM281 57H273V81H265V105H257V129H249V153H176V129H168V105H160V81H153V105H145V129H137V153H88V128H96V104H104V80H112V56H120V32H128V8H201V32H209V56H217V80H224V56H232V32H240V8H289V33H281V57ZM425 64H409V56H376V72H368V89H417V81H425V64ZM344 136V153H393V145H401V128H385V120H352V136H344ZM490 89H482V97H466V105H450V112H458V120H466V136H474V161H466V177H458V185H442V193H426V201H265V176H273V152H281V128H289V104H297V80H305V56H313V32H321V8H450V16H474V32H490V48H498V73H490V89ZM600 73H593V89H585V105L577 106V121H569V136H600V73ZM608 169H545V185H537V201H480V184H488V168H496V152H504V136H512V120H520V104H528V88H536V72H544V56H552V40H560V24H568V8H665V72H673V136H681V201H608V169ZM881 49H873V57H865V65H857V73H840V65H832V57H809V65H801V72H809V80H817V88H825V96H833V104H841V112H849V120H857V153H849V169H841V177H833V185H825V193H809V201H785V209H744V201H720V193H704V185H696V177H688V160H696V152H704V144H712V136H720V128H729V136H737V144H745V152H768V144H776V137H768V129H760V121H744V113H736V97H728V81H720V56H728V40H736V24H744V16H760V8H784V0H841V8H857V16H873V24H881V32H889V41H881V49ZM1033 25V41H1025V57H977V73H969V88H1009V105H1001V121H961V137H953V152H1009V169H1001V185H993V201H864V176H872V152H880V128H888V104H896V80H904V56H912V32H920V8H1044V25H1033Z" fill="#CDCFC0"/>
</svg>