Logo transition with greenshift wordpress

gistfile1.txt

<!-- wp:greenshift-blocks/row {"id":"gsbp-cbde7011-2e82","inlineCssStyles":null,"align":"full","displayStyles":false,"background":{"color":""},"isVariation":""} -->
<div class="wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-cbde7011-2e82" id="gspb_row-id-gsbp-cbde7011-2e82"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-f249cbae-784e","inlineCssStyles":null} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-f249cbae-784e" id="gspb_col-id-gsbp-f249cbae-784e"><!-- wp:greenshift-blocks/container {"id":"gsbp-ee1f8bfc-5cec","inlineCssStyles":null,"flexbox":{"type":"flexbox","flexDirection":["row"],"columngap":["15px"],"rowgap":["15px"],"justifyContent":["space-between"]},"isVariation":"flexbox"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-ee1f8bfc-5cec" id="gspb_container-id-gsbp-ee1f8bfc-5cec"><!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-8b5232ac-6f9e","inlineCssStyles":null,"buttonContent":"Popup button +","background":{"color":"#ffffff00"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["8px"],"right":["12px"],"bottom":["8px"],"left":["12px"]},"locked":false}},"iconSpacing":{"margin":{"values":{"right":[0]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"color":"#000000","size":["16px"]},"position":{"positionType":["relative"],"positions":{"values":{}}},"buttonLink":"#","enableIcon":false,"iconRight":false,"slidingPanel":true,"slidePosition":"popup","isVariation":"popup"} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-8b5232ac-6f9e" id="gspb_button-id-gsbp-8b5232ac-6f9e" data-paneltype="popup"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" href="#" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Popup button +</span></span></span></a><div data-panelid="gspb_button-id-gsbp-8b5232ac-6f9e" class="gspb_slidingPanel" data-hover=""><div class="gspb_slidingPanel-wrap"><div class="gspb_slidingPanel-inner"></div><div class="gspb_slidingPanel-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></div></div></div></div>
<!-- /wp:greenshift-blocks/buttonbox -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-1214c123-08ff","inlineCssStyles":null} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-1214c123-08ff" id="gspb_container-id-gsbp-1214c123-08ff"><!-- wp:greenshift-blocks/social-share {"id":"gsbp-365b2538-3682","inlineCssStyles":null,"size":[14,null,null,null],"socialEnabledStatus":{"fb":true,"tw":true,"pn":false,"wa":true,"in":false,"tg":false,"email":false}} /--></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-5af481cb-f70c","inlineCssStyles":null,"dynamicGClasses":[],"className":""} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-5af481cb-f70c" id="gspb_container-id-gsbp-5af481cb-f70c"><!-- wp:greenshift-blocks/image {"id":"gsbp-00587863-068e","inlineCssStyles":null,"dynamicGClasses":[],"interactionLayers":[],"width":["custom",null,null,null],"widthUnit":["%","px","px","px"],"customWidth":[100,null,null,null],"originalWidth":161,"originalHeight":21,"animation":{"duration":700,"easing":"ease","type":"","usegsap":true,"customProps":[{"name":"height","value":"50px"}],"set_from":"to","triggerscrub":null,"triggerstart":"10","y":"-25px"},"mediaurl":"http://wp-test.local/wp-content/uploads/2023/04/Logo-1.svg","mediaid":133,"alt":"","className":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-00587863-068e" id="gspb_image-id-gsbp-00587863-068e"><img src="http://wp-test.local/wp-content/uploads/2023/04/Logo-1.svg" data-src="" alt="" loading="lazy" width="100%" height="21" data-gsapinit="1" data-duration="0.7" data-y="-50px" data-triggerstart="10" data-customprops="[{&quot;name&quot;:&quot;height&quot;,&quot;value&quot;:&quot;50px&quot;}]"/></div>
<!-- /wp:greenshift-blocks/image --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></div>
<!-- /wp:greenshift-blocks/row -->