<!-- wp:greenshift-blocks/element {"id":"gsbp-77002c9","textContent":"Scroll Down to see effect","tag":"h2","localId":"gsbp-77002c9","styleAttributes":{"textAlign":["center"],"fontSize":["clamp(3.2rem, 6.2vw, 6.5rem)"],"lineHeight":["clamp(4.2rem, 6.2vw, 7rem)"],"marginBottom":["200px"]}} -->
<h2 class="gsbp-77002c9">Scroll Down to see effect</h2>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-67db752","tag":"section","type":"inner","localId":"gsbp-67db752","align":"full","styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":[null,"min(3vw, 20px)"],"paddingLeft":[null,"min(3vw, 20px)"],"marginTop":["0px"],"marginBottom":["0px"],"paddingLink_Extra":"lr","position":["relative"]},"isVariation":"contentcolumns"} -->
<section class="gsbp-67db752 alignfull"><!-- wp:greenshift-blocks/element {"id":"gsbp-65f9582","dynamicGClasses":[{"value":"gs-scrollable-columns","type":"local","label":"gs-scrollable-columns","localed":false,"css":"","attributes":{},"originalID":"gsbp-65f9582","originalBlock":"greenshift-blocks/element","selectors":[{"value":" .gs-column-reverse.gs-column","attributes":{"styleAttributes":{"display":["flex"],"flexDirection":["column"],"animation_keyframes_Extra":[{"name":"gs_1659","code":"0%{\ntransform: translateY(calc(-100% + 100vh));\n}\n100%{\ntransform: translateY(calc(100% - 100vh));\n}"}],"animation":["gs_1659 linear forwards"],"animationTimeline":["scroll(root block)"]}},"css":".gs-scrollable-columns .gs-column-reverse.gs-column{display:flex;flex-direction:column;animation:gs_1659 linear forwards;animation-timeline:scroll(root block);}\n                            @keyframes gs_1659 {\n                                0%{\ntransform: translateY(calc(-100% + 100vh));\n}\n100%{\ntransform: translateY(calc(100% - 100vh));\n}\n                            }\n                            @media (prefers-reduced-motion) {\n                            .gs-scrollable-columns .gs-column-reverse.gs-column {\n                                animation: none !important;\n                            }\n                        }"},{"value":" .gs-column","attributes":{"styleAttributes":{"display":["flex"],"flexDirection":["column"],"justifyContent":["flex-start"],"alignItems":["center"],"rowGap":["25px"]}},"css":".gs-scrollable-columns .gs-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:25px;}"}]}],"type":"inner","className":"gs-scrollable-columns","localId":"gsbp-65f9582","styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"],"display":["flex"],"flexColumns_Extra":3,"flexWidths_Extra":{"desktop":{"name":"33/33/33","widths":[33.33,33.33,33.33]},"tablet":{"name":"33/33/33","widths":[33.33,33.33,33.33]},"mobile":{"name":"33/33/33","widths":[33.33,33.33,33.33]}},"columnGap":["25px"],"rowGap":["25px"],"flexWrap":["wrap"],"overflowLink_Extra":true,"overflowY":["hidden"]},"isVariation":"contentarea","metadata":{"name":"Scrollable Area"}} -->
<div class="gs-scrollable-columns gsbp-65f9582"><!-- wp:greenshift-blocks/element {"id":"gsbp-23888fc","type":"inner","className":"gs-column-reverse gs-column","localId":"gsbp-23888fc"} -->
<div class="gs-column-reverse gs-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-7e803bc","tag":"img","localId":"gsbp-7e803bc","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_2-2.webp","alt":"","mediaid":4084,"originalWidth":1024,"originalHeight":1024} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_2-2.webp" alt="" width="1024" height="1024" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1a7a6af","tag":"img","localId":"gsbp-1a7a6af","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_black_woman_in_Alhambra_by_Helmut_Newton_co_33274010-d24c-4949-b2b0-34d175ce8700.webp","alt":"","mediaid":4121,"originalWidth":768,"originalHeight":1536} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_black_woman_in_Alhambra_by_Helmut_Newton_co_33274010-d24c-4949-b2b0-34d175ce8700.webp" alt="" width="768" height="1536" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9140088","tag":"img","localId":"gsbp-9140088","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_1-2.webp","alt":"","mediaid":4083,"originalWidth":1024,"originalHeight":1024} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_1-2.webp" alt="" width="1024" height="1024" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-fb8aae2","tag":"img","localId":"gsbp-fb8aae2","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_arabian_woman_in_Alhambra_by_Helmut_Newton__f58634c1-57e0-417d-b569-3daead4cdc24.webp","alt":"","mediaid":4117,"originalWidth":768,"originalHeight":1536} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_arabian_woman_in_Alhambra_by_Helmut_Newton__f58634c1-57e0-417d-b569-3daead4cdc24.webp" alt="" width="768" height="1536" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-002b9d8","tag":"img","localId":"gsbp-002b9d8","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_0-1.webp","alt":"","mediaid":4081,"originalWidth":960,"originalHeight":1200} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_0-1.webp" alt="" width="960" height="1200" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1ef8a1f","tag":"img","localId":"gsbp-1ef8a1f","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Bluewing_the_invisible_man_on_all_fours_colorful_lighting_photo_73efd044-68e1-4263-924f-e2b31167a4ef-scaled.webp","alt":"","mediaid":4124,"originalWidth":1280,"originalHeight":2560} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Bluewing_the_invisible_man_on_all_fours_colorful_lighting_photo_73efd044-68e1-4263-924f-e2b31167a4ef-scaled.webp" alt="" width="1280" height="2560" loading="lazy"/>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2d674cf","type":"inner","className":"gs-column","localId":"gsbp-2d674cf"} -->
<div class="gs-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-b8739a6","tag":"img","localId":"gsbp-b8739a6","src":"https://greenshift.wpsoul.net/wp-content/uploads/2022/11/random-access-memories_daft-punk.jpeg","alt":"","mediaid":2438,"originalWidth":1000,"originalHeight":1000} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2022/11/random-access-memories_daft-punk.jpeg" alt="" width="1000" height="1000" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2b13b19","tag":"img","localId":"gsbp-2b13b19","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_indian_woman_in_Alhambra_by_Helmut_Newton_c_e640e339-6c15-42b6-801c-3bd21ad5875f.webp","alt":"","mediaid":4119,"originalWidth":768,"originalHeight":1536} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_indian_woman_in_Alhambra_by_Helmut_Newton_c_e640e339-6c15-42b6-801c-3bd21ad5875f.webp" alt="" width="768" height="1536" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-db6c153","tag":"img","localId":"gsbp-db6c153","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_1-4.webp","alt":"","mediaid":4082,"originalWidth":928,"originalHeight":1232} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_1-4.webp" alt="" width="928" height="1232" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6c88225","tag":"img","localId":"gsbp-6c88225","src":"https://greenshift.wpsoul.net/wp-content/uploads/2023/06/mj_tango_3a.webp","alt":"","mediaid":2622,"originalWidth":1188,"originalHeight":1502} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2023/06/mj_tango_3a.webp" alt="" width="1188" height="1502" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-5a90fab","tag":"img","localId":"gsbp-5a90fab","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Warrior4.webp","alt":"","mediaid":4120,"originalWidth":928,"originalHeight":1232} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Warrior4.webp" alt="" width="928" height="1232" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-41430c5","tag":"img","localId":"gsbp-41430c5","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_black_woman_in_Alhambra_by_Helmut_Newton_co_37b37fe6-4175-486f-9c03-b7f42068d469.webp","alt":"","mediaid":4118,"originalWidth":768,"originalHeight":1536} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/bluewing__Beautiful_black_woman_in_Alhambra_by_Helmut_Newton_co_37b37fe6-4175-486f-9c03-b7f42068d469.webp" alt="" width="768" height="1536" loading="lazy"/>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-97a5715","type":"inner","className":"gs-column-reverse gs-column","localId":"gsbp-97a5715"} -->
<div class="gs-column-reverse gs-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-87d0bb7","tag":"img","localId":"gsbp-87d0bb7","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_1-3.webp","alt":"","mediaid":4085,"originalWidth":1024,"originalHeight":1024} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/0_1-3.webp" alt="" width="1024" height="1024" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-793eb14","tag":"img","localId":"gsbp-793eb14","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Bluewing_a_woman_with_kimono_style_and_brightly_colored_lantern_ea5e762e-2e03-4d06-abd9-5fdfbb69a35e.webp","alt":"","mediaid":4123,"originalWidth":768,"originalHeight":1536} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Bluewing_a_woman_with_kimono_style_and_brightly_colored_lantern_ea5e762e-2e03-4d06-abd9-5fdfbb69a35e.webp" alt="" width="768" height="1536" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0d52147","tag":"img","localId":"gsbp-0d52147","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/atomicdeviant_explosion_of_colors_a_macro_photograph_of_a_pile__c7e4c4b9-52dd-4a6d-8913-a03a68bdcd17.webp","alt":"","mediaid":4125,"originalWidth":816,"originalHeight":1456} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/atomicdeviant_explosion_of_colors_a_macro_photograph_of_a_pile__c7e4c4b9-52dd-4a6d-8913-a03a68bdcd17.webp" alt="" width="816" height="1456" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e835ed5","tag":"img","localId":"gsbp-e835ed5","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/ohsmilnme_exquisite_multicolored_iridescent_beta-fish_photo_rea_4b629a08-90eb-48ea-9b09-1ab3318eebe8.webp","alt":"","mediaid":4126,"originalWidth":1536,"originalHeight":1536} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/ohsmilnme_exquisite_multicolored_iridescent_beta-fish_photo_rea_4b629a08-90eb-48ea-9b09-1ab3318eebe8.webp" alt="" width="1536" height="1536" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c9bf464","tag":"img","localId":"gsbp-c9bf464","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Jetcan_cats_doing_Kung_fu_in_a_martial_arts_class_817ccdb3-bc1f-4b56-aa4f-22f687e06db0.webp","alt":"","mediaid":4127,"originalWidth":1024,"originalHeight":1024} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/Jetcan_cats_doing_Kung_fu_in_a_martial_arts_class_817ccdb3-bc1f-4b56-aa4f-22f687e06db0.webp" alt="" width="1024" height="1024" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f879357","tag":"img","localId":"gsbp-f879357","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/atomicdeviant_swirling_topographic_minimal_outlines_paint_outli_f4830a78-855d-4a08-9a8b-dd730c8ada1a.png","alt":"","mediaid":4129,"originalWidth":816,"originalHeight":1456} -->
<img src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/atomicdeviant_swirling_topographic_minimal_outlines_paint_outli_f4830a78-855d-4a08-9a8b-dd730c8ada1a.png" alt="" width="816" height="1456" loading="lazy"/>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-44a0873","textContent":"Check Documentation of \u003ca href=\u0022https://scroll-driven-animations.style/\u0022\u003eAnimation API\u003c/a\u003e You can find animation options in Scrollable area class \u0022.gs-scrollable-columns. You can put any content inside columns","localId":"gsbp-44a0873","styleAttributes":{"hideOnFrontend_Extra":true},"isVariation":"divtext"} -->
<div class="gsbp-44a0873">Check Documentation of <a href="https://scroll-driven-animations.style/">Animation API</a> You can find animation options in Scrollable area class ".gs-scrollable-columns. You can put any content inside columns</div>
<!-- /wp:greenshift-blocks/element -->

Copy code