On Hover Card Animation
Newly added
On Hover
Add
On Hover Card Animation
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
// Function to generate random rotation and position
function randomTransform() {
return {
rotation: Math.random() * 20,
x: Math.random() * 800 - 400, // Random value between -400 and 400
y: Math.random() * 1000 - 500 // Random value between -500 and 500
};
}
// Get all cards
const cards = document.querySelectorAll(".card");
// Add hover event listeners to all cards
cards.forEach(hoveredCard => {
hoveredCard.addEventListener("mouseenter", () => {
// Apply random transform to all cards except the hovered one
cards.forEach(card => {
if (card !== hoveredCard) {
const { rotation, x, y } = randomTransform();
gsap.to(card, {
rotation: rotation,
x: x,
y: y,
duration: 0.5,
ease: "power2.out",
zIndex: 1 // Ensure other cards stay behind
});
}
});
gsap.to(hoveredCard, {
zIndex: 2 // Bring hovered card to front
});
});
// Reset positions when mouse leaves the card
hoveredCard.addEventListener("mouseleave", () => {
cards.forEach(card => {
gsap.to(card, {
rotation: 0,
x: 0,
y: 0,
duration: 0.5,
ease: "power2.out",
zIndex: 1
});
});
});
});
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c97c7d29-3e20-ac52-e48e-97bef3fb9880","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["85ec4156-c79f-effe-7d08-7fd3c043f72d"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"85ec4156-c79f-effe-7d08-7fd3c043f72d","type":"Block","tag":"div","classes":["380a2549-37e0-f24f-f481-1f458b707b40"],"children":["e61ab5aa-91dd-9e68-d0a8-b11cb1569668","3d513bc0-3342-a38c-0523-18df685d2481","c1138c1d-2391-841e-5763-139c029fac97","19427c05-b2e6-a74d-42dd-76b5c2ee2d43"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e61ab5aa-91dd-9e68-d0a8-b11cb1569668","type":"Block","tag":"div","classes":["cb611b02-03d0-7690-deff-6dcae7730449","57ae95c7-1bfc-2ff4-9167-5b78cf4691f7"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3d513bc0-3342-a38c-0523-18df685d2481","type":"Block","tag":"div","classes":["cb611b02-03d0-7690-deff-6dcae7730449","5d6548a7-107c-6ece-84d9-d14c98547b84"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c1138c1d-2391-841e-5763-139c029fac97","type":"Block","tag":"div","classes":["cb611b02-03d0-7690-deff-6dcae7730449","c25e0085-e43f-ed31-9ad4-46d86ac24116"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"19427c05-b2e6-a74d-42dd-76b5c2ee2d43","type":"Block","tag":"div","classes":["cb611b02-03d0-7690-deff-6dcae7730449","a2c4498b-f1ae-0927-bbb8-5f5799248374"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"380a2549-37e0-f24f-f481-1f458b707b40","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cb611b02-03d0-7690-deff-6dcae7730449","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; top: 50%; width: 15vw; height: 20vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transform: translate(-50%, -50%);","variants":{},"children":["57ae95c7-1bfc-2ff4-9167-5b78cf4691f7","5d6548a7-107c-6ece-84d9-d14c98547b84","c25e0085-e43f-ed31-9ad4-46d86ac24116","a2c4498b-f1ae-0927-bbb8-5f5799248374"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"57ae95c7-1bfc-2ff4-9167-5b78cf4691f7","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 45%; background-color: red;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5d6548a7-107c-6ece-84d9-d14c98547b84","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 50%; background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c25e0085-e43f-ed31-9ad4-46d86ac24116","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 55%; background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"a2c4498b-f1ae-0927-bbb8-5f5799248374","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 60%; background-color: #9dff48;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"173c37b8-6d83-ffb3-5c3b-de3ffc29bfb1","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["55830ce7-85bf-b86e-c371-ab252749fce2"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"55830ce7-85bf-b86e-c371-ab252749fce2","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["be199fd1-a549-b066-3668-ae00f9ad180c","79471b68-ef06-e439-1d4e-906d0df7bfda","f9519b03-e7ed-5688-429c-26f731a81b42","effed7fc-aed2-449e-bd08-9b771c4e62a1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"be199fd1-a549-b066-3668-ae00f9ad180c","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8c"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"79471b68-ef06-e439-1d4e-906d0df7bfda","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8d"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f9519b03-e7ed-5688-429c-26f731a81b42","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"effed7fc-aed2-449e-bd08-9b771c4e62a1","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8f"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; width: 100%; height: 100vh; align-items: center; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"6a528814-2343-f742-3764-e5814dd4be45","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; top: 50%; width: 15vw; height: 20vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transform: translate(-50%, -50%);","variants":{},"children":["2a97bdd5-b7c9-5a6d-7a3a-da899d055b8c","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8d","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8e","2a97bdd5-b7c9-5a6d-7a3a-da899d055b8f"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"2a97bdd5-b7c9-5a6d-7a3a-da899d055b8c","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 45%; background-color: red;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"2a97bdd5-b7c9-5a6d-7a3a-da899d055b8d","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 50%; background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"2a97bdd5-b7c9-5a6d-7a3a-da899d055b8e","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 55%; background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"2a97bdd5-b7c9-5a6d-7a3a-da899d055b8f","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 60%; background-color: #9dff48;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Card Animation 2
Newly added
On Scroll
Add
On Scroll Card Animation 2
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/CustomEase.min.js"></script>Copy javascript and paste it in the body
<script>
const tl = gsap.timeline({
scrollTrigger:{
trigger:"#page1",
start: "top top",
end: "1000%",
scrub: 3,
pin: true,
}
});
tl.to(".card",{
top: "50%",
duration:1,
ease: "elastic.inOut(0.9,0.7)", // reduced bounce by adjusting amplitude and frequency
stagger: 0.15,
});
tl.to(".card",{
top: "-50%",
duration:1,
stagger: 0.1,
ease: "elastic.in(0.9,0.7)", // reduced bounce with same parameters
});
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"006c4e7d-21d1-eaf7-33d6-dc954e4265be","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["d08f4970-c311-d5eb-37b7-fcff4b976545"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"d08f4970-c311-d5eb-37b7-fcff4b976545","type":"Block","tag":"div","classes":["380a2549-37e0-f24f-f481-1f458b707b40"],"children":["d6fa6b39-2d27-3e91-3811-00e9b5ff961e","a7f03151-9288-cddf-f38b-268819234574","fec222b1-8fff-f4bd-50b2-f554df2a9173","0a469350-f2ae-22f6-871d-e8c71a7a3b7a","565ae348-1561-b09a-1c16-411eb4db9eac"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6fa6b39-2d27-3e91-3811-00e9b5ff961e","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","9cf7a47a-1ce4-3a76-14a6-efdeaf5e8e23"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a7f03151-9288-cddf-f38b-268819234574","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","e729a34f-4384-1625-280c-5e25e7cd5fe3"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fec222b1-8fff-f4bd-50b2-f554df2a9173","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","a80f79c2-c316-c930-7160-fe9c11760741"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0a469350-f2ae-22f6-871d-e8c71a7a3b7a","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","ada19044-bff9-d246-4098-4c8a6b26d9de"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"565ae348-1561-b09a-1c16-411eb4db9eac","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","c1d2efc3-32f5-8898-25c5-76bcef7c5df2"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"380a2549-37e0-f24f-f481-1f458b707b40","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b74cc10c-89a9-e033-b944-81b85f790f7c","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; top: 150%; width: 15vw; height: 20vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); transform: translate(-50%, -50%); transform-origin: @raw<|top|>;","variants":{"medium":{"styleLess":"width: 35vw; height: 40vh;"},"small":{"styleLess":"width: 30vw; height: 50vh;"},"tiny":{"styleLess":"width: 45vw;"}},"children":["9cf7a47a-1ce4-3a76-14a6-efdeaf5e8e23","e729a34f-4384-1625-280c-5e25e7cd5fe3","a80f79c2-c316-c930-7160-fe9c11760741","ada19044-bff9-d246-4098-4c8a6b26d9de","c1d2efc3-32f5-8898-25c5-76bcef7c5df2"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"9cf7a47a-1ce4-3a76-14a6-efdeaf5e8e23","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 30%; background-color: red;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e729a34f-4384-1625-280c-5e25e7cd5fe3","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 40%; background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"a80f79c2-c316-c930-7160-fe9c11760741","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 50%; background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"ada19044-bff9-d246-4098-4c8a6b26d9de","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 60%; background-color: #9dff48;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c1d2efc3-32f5-8898-25c5-76bcef7c5df2","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"left: 70%; background-color: #2ec775;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"cf7e66f2-60a0-4846-db99-77e6f2ec35cf","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f3494d71-1501-95f5-08af-ea7bd20e4aa3"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f3494d71-1501-95f5-08af-ea7bd20e4aa3","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["a42a426c-0f24-6cde-5d58-2699b35f53e2","6c2d75bb-878d-9b7a-1a53-3c7e6f8619fd","cce61d18-9f93-c145-59da-8433c155f2fa","efeb61b9-60af-a524-8e10-32008392c6c7","beb3afb3-79f2-d6eb-54b2-faece048b900"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a42a426c-0f24-6cde-5d58-2699b35f53e2","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","b465f8bc-7de6-3a29-773d-315e08f1f010"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6c2d75bb-878d-9b7a-1a53-3c7e6f8619fd","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","b465f8bc-7de6-3a29-773d-315e08f1f011"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cce61d18-9f93-c145-59da-8433c155f2fa","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","b465f8bc-7de6-3a29-773d-315e08f1f012"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"efeb61b9-60af-a524-8e10-32008392c6c7","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","b465f8bc-7de6-3a29-773d-315e08f1f013"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"beb3afb3-79f2-d6eb-54b2-faece048b900","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","b465f8bc-7de6-3a29-773d-315e08f1f014"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; align-items: center; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"6a528814-2343-f742-3764-e5814dd4be45","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; top: 150%; width: 15vw; height: 20vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 0 0 10px 0 hsla(0, 0.00%, 0.00%, 0.50); transform: translate(-50%, -50%); transform-origin: @raw<|top|>;","variants":{"medium":{"styleLess":"width: 35vw; height: 40vh;"},"small":{"styleLess":"width: 30vw; height: 50vh;"},"tiny":{"styleLess":"width: 45vw; height: 40vh;"}},"children":["b465f8bc-7de6-3a29-773d-315e08f1f010","b465f8bc-7de6-3a29-773d-315e08f1f011","b465f8bc-7de6-3a29-773d-315e08f1f012","b465f8bc-7de6-3a29-773d-315e08f1f013","b465f8bc-7de6-3a29-773d-315e08f1f014"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b465f8bc-7de6-3a29-773d-315e08f1f010","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 30%; background-color: red;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b465f8bc-7de6-3a29-773d-315e08f1f011","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 40%; background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b465f8bc-7de6-3a29-773d-315e08f1f012","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 50%; background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b465f8bc-7de6-3a29-773d-315e08f1f013","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 60%; background-color: #9dff48;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b465f8bc-7de6-3a29-773d-315e08f1f014","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"left: 70%; background-color: hsla(148, 62.45%, 48.01%, 1.00);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Card Animation
Newly added
Shaders
Add
On Scroll Card Animation
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
const tl = gsap.timeline({
scrollTrigger: {
trigger: "#page1",
start: "top top",
end: "+=300%",
scrub: 3,
pin: true,
}
});
tl.to("#card1", {
top: "40%",
rotate: -12,
duration: 1,
ease: "power2.inOut",
});
tl.to("#card2", {
top: "39%",
rotate: -8,
duration: 1,
ease: "power2.inOut",
});
tl.to("#card3", {
top: "38.5%",
rotate: -2,
duration: 1,
ease: "power2.inOut",
});
tl.to("#card4", {
top: "38.5%",
rotate: 2,
duration: 1,
ease: "power2.inOut",
});
tl.to("#card5", {
top: "39%",
rotate: 8,
duration: 1,
ease: "power2.inOut",
});
tl.to("#card6", {
top: "40%",
rotate: 12,
duration: 1,
ease: "power2.inOut",
});
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"56c851ad-7dc1-a284-12ec-fcf692fecf6a","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["249e9a92-6900-8e01-e682-3a60100dfbd4"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"249e9a92-6900-8e01-e682-3a60100dfbd4","type":"Block","tag":"div","classes":["380a2549-37e0-f24f-f481-1f458b707b40"],"children":["f45fc2aa-df75-2121-292e-c02539e1cac2","3721ef3b-e005-f568-0c46-8434cf0c2c8c","3bd5f0f4-2130-1d43-cd0e-5bd6bb95eaa5","c60a5120-9afc-4668-1f6f-18d5425d90c5","0caee111-4be2-2fdb-ed1f-dbf24f05bbc3","b9fb5d9b-e8ed-f0d6-9c11-d9c665185572"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f45fc2aa-df75-2121-292e-c02539e1cac2","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","9cf7a47a-1ce4-3a76-14a6-efdeaf5e8e23"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3721ef3b-e005-f568-0c46-8434cf0c2c8c","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","e729a34f-4384-1625-280c-5e25e7cd5fe3"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3bd5f0f4-2130-1d43-cd0e-5bd6bb95eaa5","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","a80f79c2-c316-c930-7160-fe9c11760741"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c60a5120-9afc-4668-1f6f-18d5425d90c5","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","ada19044-bff9-d246-4098-4c8a6b26d9de"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0caee111-4be2-2fdb-ed1f-dbf24f05bbc3","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","c1d2efc3-32f5-8898-25c5-76bcef7c5df2"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b9fb5d9b-e8ed-f0d6-9c11-d9c665185572","type":"Block","tag":"div","classes":["b74cc10c-89a9-e033-b944-81b85f790f7c","c611f060-0cbb-6aec-61a8-ceb2b6642bac"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"380a2549-37e0-f24f-f481-1f458b707b40","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"a80f79c2-c316-c930-7160-fe9c11760741","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 45%; top: 150%; background-color: #ffff4f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c1d2efc3-32f5-8898-25c5-76bcef7c5df2","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"left: 55%; top: 150%; background-color: #bef95f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b74cc10c-89a9-e033-b944-81b85f790f7c","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; width: 12rem; height: 17rem; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transform-origin: @raw<|top|>;","variants":{},"children":["9cf7a47a-1ce4-3a76-14a6-efdeaf5e8e23","e729a34f-4384-1625-280c-5e25e7cd5fe3","a80f79c2-c316-c930-7160-fe9c11760741","ada19044-bff9-d246-4098-4c8a6b26d9de","c1d2efc3-32f5-8898-25c5-76bcef7c5df2","c611f060-0cbb-6aec-61a8-ceb2b6642bac"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"9cf7a47a-1ce4-3a76-14a6-efdeaf5e8e23","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 35%; top: 150%; overflow: auto; background-color: #ff4f4f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e729a34f-4384-1625-280c-5e25e7cd5fe3","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 40%; top: 150%; background-color: #ffbb4f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"ada19044-bff9-d246-4098-4c8a6b26d9de","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 50%; top: 150%; background-color: #4fff73; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c611f060-0cbb-6aec-61a8-ceb2b6642bac","fake":false,"type":"class","name":"is-6","namespace":"","comb":"&","styleLess":"left: 60%; top: 150%; background-color: skyblue; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3eab6fd4-008d-319c-f9a5-8e80e922344a","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["8c7dea89-b362-c7d0-10db-838ada6ecc73"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c7dea89-b362-c7d0-10db-838ada6ecc73","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["4e5cd11d-ba2c-75e2-92f7-4370c710f8dc","62a97cce-cfb2-b121-52fb-0d27f531cd48","8bed85bc-b08e-be69-5963-9d7e3d7a7a7f","5d0a7a5f-63c0-c08e-82df-f93ab44ff92b","5132fbd6-faf4-1ace-6f3a-5cf5f892bbd0","1ffd5888-84f9-1da6-1ea6-0f1efa78a6dc"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4e5cd11d-ba2c-75e2-92f7-4370c710f8dc","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","87a889a7-ca6d-0fe5-d27f-0d6976d19080"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"62a97cce-cfb2-b121-52fb-0d27f531cd48","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","87a889a7-ca6d-0fe5-d27f-0d6976d19081"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8bed85bc-b08e-be69-5963-9d7e3d7a7a7f","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","87a889a7-ca6d-0fe5-d27f-0d6976d19082"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5d0a7a5f-63c0-c08e-82df-f93ab44ff92b","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","87a889a7-ca6d-0fe5-d27f-0d6976d19083"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5132fbd6-faf4-1ace-6f3a-5cf5f892bbd0","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","87a889a7-ca6d-0fe5-d27f-0d6976d19084"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1ffd5888-84f9-1da6-1ea6-0f1efa78a6dc","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","87a889a7-ca6d-0fe5-d27f-0d6976d19085"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"87a889a7-ca6d-0fe5-d27f-0d6976d19080","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 35%; top: 150%; background-color: #ff4f4f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87a889a7-ca6d-0fe5-d27f-0d6976d19081","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 40%; top: 150%; background-color: #ffbb4f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87a889a7-ca6d-0fe5-d27f-0d6976d19082","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 45%; top: 150%; background-color: #ffff4f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87a889a7-ca6d-0fe5-d27f-0d6976d19083","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 50%; top: 150%; background-color: #4fff73; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87a889a7-ca6d-0fe5-d27f-0d6976d19084","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"left: 55%; top: 150%; background-color: #bef95f; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"6a528814-2343-f742-3764-e5814dd4be45","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; width: 12rem; height: 17rem; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transform-origin: @raw<|top|>;","variants":{},"children":["87a889a7-ca6d-0fe5-d27f-0d6976d19080","87a889a7-ca6d-0fe5-d27f-0d6976d19081","87a889a7-ca6d-0fe5-d27f-0d6976d19082","87a889a7-ca6d-0fe5-d27f-0d6976d19083","87a889a7-ca6d-0fe5-d27f-0d6976d19084","87a889a7-ca6d-0fe5-d27f-0d6976d19085"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87a889a7-ca6d-0fe5-d27f-0d6976d19085","fake":false,"type":"class","name":"is-6","namespace":"","comb":"&","styleLess":"left: 60%; top: 150%; background-color: skyblue; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; align-items: center; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Animation 8
Newly added
On Scroll
Add
On Scroll Animation 8
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
const tl = gsap.timeline({
scrollTrigger:{
trigger: "#page1",
start: "top top",
end: "+=300%",
scrub: 3,
markers: true,
pin: true,
}
});
// Random rotation and movement for each card
document.querySelectorAll('.cards').forEach(card => {
tl.to(card, {
rotation: Math.random() * 90 - 45, // Random rotation between -180 and 180 degrees
x: Math.random() * 400 - 200, // Random X movement between -100 and 100
y: Math.random() * 300 - 150, // Random Y movement between -100 and 100
duration: Math.random() * 2 + 0.5, // Random duration between 0.5 and 2.5
}, "a");
});
tl.to("#page1-anim",{
transform: "translateX(-200%)",
duration: 1,
},"a")
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"727c89a2-6b87-bc5a-f92a-a04d443583bb","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["599f3ba0-01bb-2784-151a-b858152ffd98"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"599f3ba0-01bb-2784-151a-b858152ffd98","type":"Block","tag":"div","classes":["20e0175c-8c04-665d-7236-f08ba8e68174"],"children":["1817a9a9-541e-87bc-e516-da721c02b9bb"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1817a9a9-541e-87bc-e516-da721c02b9bb","type":"Block","tag":"div","classes":["380a2549-37e0-f24f-f481-1f458b707b40"],"children":["75db0a90-a1bd-71be-f935-3bb9046bd6f7","5bc6b5ba-85ba-8367-b82c-2a232dc78931","4e7bdf6e-8928-10fc-4c2b-a9aaf11daac6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1-anim"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"75db0a90-a1bd-71be-f935-3bb9046bd6f7","type":"Block","tag":"div","classes":["7b70520b-2e65-706c-8c2a-3bd832969b46"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5bc6b5ba-85ba-8367-b82c-2a232dc78931","type":"Block","tag":"div","classes":["025b1b73-17fc-c8d6-2fbb-babaf0db0f36"],"children":["3d7e5180-0f0a-0afb-0f5a-2e21be41c07a","90555796-1753-1e0a-f295-892cd4596955","8fbbe8bc-1e45-1299-10dc-59bd98d54f62","a27c1782-1911-09a6-9987-7e25d350db4f","66a08e4e-4371-666e-7c1a-dc43993b0725"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1-content"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3d7e5180-0f0a-0afb-0f5a-2e21be41c07a","type":"Block","tag":"div","classes":["25e6f516-4c62-38cd-38f5-1aa812541c18"],"children":["aa01b2ec-248d-d904-c623-576d4216b36d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa01b2ec-248d-d904-c623-576d4216b36d","type":"Image","tag":"img","classes":["dac14050-96ad-a371-b989-454b4e7dcd1e"],"children":[],"data":{"img":{"id":"67efac6af75cd8e593dc6557"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Picture of nature with river , trees and stones","src":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_pascal-bullan-2OQEaRFwJdI-unsplash.jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"90555796-1753-1e0a-f295-892cd4596955","type":"Block","tag":"div","classes":["25e6f516-4c62-38cd-38f5-1aa812541c18"],"children":["373c7e14-eb04-b648-fc66-806b37844160"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"373c7e14-eb04-b648-fc66-806b37844160","type":"Image","tag":"img","classes":["dac14050-96ad-a371-b989-454b4e7dcd1e"],"children":[],"data":{"img":{"id":"67efac6a591170fc8561f24f"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"picture of beach with colored sky","src":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_jordan-steranka-64LL2fP9uXM-unsplash.jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8fbbe8bc-1e45-1299-10dc-59bd98d54f62","type":"Block","tag":"div","classes":["25e6f516-4c62-38cd-38f5-1aa812541c18"],"children":["ac219006-10d4-a5fb-58be-06e1063fb0cc"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ac219006-10d4-a5fb-58be-06e1063fb0cc","type":"Image","tag":"img","classes":["dac14050-96ad-a371-b989-454b4e7dcd1e"],"children":[],"data":{"img":{"id":"67efac6af38e94987510871f"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Picture of mountains with grass and clouds","src":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_zhen-mogila-iYw2XrxRslA-unsplash.jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a27c1782-1911-09a6-9987-7e25d350db4f","type":"Block","tag":"div","classes":["25e6f516-4c62-38cd-38f5-1aa812541c18"],"children":["39037fc5-65c1-d791-494d-d88109b4b91f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"39037fc5-65c1-d791-494d-d88109b4b91f","type":"Image","tag":"img","classes":["dac14050-96ad-a371-b989-454b4e7dcd1e"],"children":[],"data":{"img":{"id":"67efac6a74875de2d767798d"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Mountains with sunrise view","src":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_patrick-bald-llZIWkNGzS4-unsplash.jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"66a08e4e-4371-666e-7c1a-dc43993b0725","type":"Block","tag":"div","classes":["25e6f516-4c62-38cd-38f5-1aa812541c18"],"children":["6f568998-6e64-58de-b3ce-673fdfeebf2a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f568998-6e64-58de-b3ce-673fdfeebf2a","type":"Image","tag":"img","classes":["dac14050-96ad-a371-b989-454b4e7dcd1e"],"children":[],"data":{"img":{"id":"67efac6a74875de2d76779b0"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"A beautiful place carry pond, mountains with some snow and tress","src":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4e7bdf6e-8928-10fc-4c2b-a9aaf11daac6","type":"Block","tag":"div","classes":["7b70520b-2e65-706c-8c2a-3bd832969b46"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"20e0175c-8c04-665d-7236-f08ba8e68174","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; height: 100vh;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"380a2549-37e0-f24f-f481-1f458b707b40","fake":false,"type":"class","name":"anim_anim_page1","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"7b70520b-2e65-706c-8c2a-3bd832969b46","fake":false,"type":"class","name":"page1-space","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; background-color: black; flex-shrink: @raw<|0|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"025b1b73-17fc-c8d6-2fbb-babaf0db0f36","fake":false,"type":"class","name":"anim_content","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; justify-content: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; background-color: black; flex-shrink: @raw<|0|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"25e6f516-4c62-38cd-38f5-1aa812541c18","fake":false,"type":"class","name":"cards","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; width: 15vw; height: 20vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"dac14050-96ad-a371-b989-454b4e7dcd1e","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"height: 100%;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","siteId":"67ef744dd70fc9cd62023d76","width":1920,"isHD":false,"height":3072,"fileName":"67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","createdOn":"2025-04-04T09:54:50.568Z","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileHash":"dc15377be325f1b664493a6ad8ce7c10","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp","size":8526,"format":"webp","width":500,"quality":100,"_id":"6888760e17e7750e63fcc5db","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp","size":15328,"format":"webp","width":800,"quality":100,"_id":"6888760e17e7750e63fcc5dc","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp","size":22944,"format":"webp","width":1080,"quality":100,"_id":"6888760e17e7750e63fcc5dd","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.webp","size":39738,"format":"webp","width":1600,"quality":100,"_id":"6888760e17e7750e63fcc5de","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af75cd8e593dc6557_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","_id":"67efac6af75cd8e593dc6557","updatedOn":"2025-07-29T07:20:25.686Z","fileSize":50938,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","siteId":"67ef744dd70fc9cd62023d76","width":1920,"isHD":false,"height":3072,"fileName":"67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","createdOn":"2025-04-04T09:54:50.329Z","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileHash":"eced7207c30992cc5107b001b728aa68","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp","size":9772,"format":"webp","width":500,"quality":100,"_id":"6888761514c8221a0010ee7b","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp","size":17468,"format":"webp","width":800,"quality":100,"_id":"6888761514c8221a0010ee7c","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp","size":26032,"format":"webp","width":1080,"quality":100,"_id":"6888761514c8221a0010ee7d","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.webp","size":44568,"format":"webp","width":1600,"quality":100,"_id":"6888761514c8221a0010ee7e","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a591170fc8561f24f_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","_id":"67efac6a591170fc8561f24f","updatedOn":"2025-07-29T07:20:24.971Z","fileSize":57110,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","siteId":"67ef744dd70fc9cd62023d76","width":1920,"isHD":false,"height":3072,"fileName":"67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","createdOn":"2025-04-04T09:54:50.572Z","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileHash":"5f250fc63806d91a11cb02b9c3684161","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp","size":10312,"format":"webp","width":500,"quality":100,"_id":"6888761b11954f6db6948ada","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp","size":18540,"format":"webp","width":800,"quality":100,"_id":"6888761b11954f6db6948adb","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp","size":27004,"format":"webp","width":1080,"quality":100,"_id":"6888761b11954f6db6948adc","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.webp","size":46268,"format":"webp","width":1600,"quality":100,"_id":"6888761b11954f6db6948add","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6af38e94987510871f_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","_id":"67efac6af38e94987510871f","updatedOn":"2025-07-29T07:20:25.087Z","fileSize":58518,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","siteId":"67ef744dd70fc9cd62023d76","width":1920,"isHD":false,"height":3072,"fileName":"67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","createdOn":"2025-04-04T09:54:50.309Z","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileHash":"ba3bec9f73e764e100834b0a3c2be4cc","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp","size":6278,"format":"webp","width":500,"quality":100,"_id":"6888762a7774bed5c2d75889","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp","size":11582,"format":"webp","width":800,"quality":100,"_id":"6888762a7774bed5c2d7588a","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp","size":17732,"format":"webp","width":1080,"quality":100,"_id":"6888762a7774bed5c2d7588b","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1600.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1600.webp","size":31094,"format":"webp","width":1600,"quality":100,"_id":"6888762a7774bed5c2d7588c","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d767798d_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","_id":"67efac6a74875de2d767798d","updatedOn":"2025-07-29T07:20:25.074Z","fileSize":40774,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","siteId":"67ef744dd70fc9cd62023d76","width":1920,"isHD":false,"height":3072,"fileName":"67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","createdOn":"2025-04-04T09:54:50.856Z","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileHash":"ba79e1d354ed9a34b2da542038ea0bfa","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp","size":8372,"format":"webp","width":500,"quality":100,"_id":"6888762f6a7921febbe0c3ad","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp","size":15376,"format":"webp","width":800,"quality":100,"_id":"6888762f6a7921febbe0c3ae","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp","size":24254,"format":"webp","width":1080,"quality":100,"_id":"6888762f6a7921febbe0c3af","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1600.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1600.webp","size":43134,"format":"webp","width":1600,"quality":100,"_id":"6888762f6a7921febbe0c3b0","cdnUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/67ef744dd70fc9cd62023d76/67efac6a74875de2d76779b0_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","_id":"67efac6a74875de2d76779b0","updatedOn":"2025-07-29T07:20:24.990Z","fileSize":55228,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8590fa84-56b1-5474-4ac7-c5c2bd2f8756","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["3754a09c-a389-a14f-ee21-91f329d919fb"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3754a09c-a389-a14f-ee21-91f329d919fb","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["d4bc7c46-4377-43fb-e24b-094b4933173d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4bc7c46-4377-43fb-e24b-094b4933173d","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72a"],"children":["3321482a-51e5-b8dc-2500-9b7838b73f8a","922ee8ad-1466-42ee-2bc7-e563274c3fcb","f1b1fc97-25c6-6eb1-bb98-36fcf0f74283"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1-anim"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3321482a-51e5-b8dc-2500-9b7838b73f8a","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"922ee8ad-1466-42ee-2bc7-e563274c3fcb","type":"Block","tag":"div","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe43"],"children":["8b2d6d63-bb97-50ee-9d35-b27d6fdfb3ac","8833a7da-42e1-e5fe-a0bc-c171e4b4b24c","33ba583e-14ff-7441-2179-03630819f6c6","5f136042-4887-92e9-ca14-adfdf4a72f01","d6c63276-c236-1cb3-8125-c38dfa9d0277"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1-content"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8b2d6d63-bb97-50ee-9d35-b27d6fdfb3ac","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72c"],"children":["84834822-f305-dd3b-3286-ec46c4fc3629"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"84834822-f305-dd3b-3286-ec46c4fc3629","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685d322b16d23f6af676018f"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Picture of nature with river , trees and stones","src":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_pascal-bullan-2OQEaRFwJdI-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8833a7da-42e1-e5fe-a0bc-c171e4b4b24c","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72c"],"children":["02b5b74d-b93b-c285-5058-2017b2dd33fe"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"02b5b74d-b93b-c285-5058-2017b2dd33fe","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685d322b16d23f6af6760189"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"picture of beach with colored sky","src":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_jordan-steranka-64LL2fP9uXM-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"33ba583e-14ff-7441-2179-03630819f6c6","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72c"],"children":["588b97f8-2587-442b-5d65-2bd1d5c90110"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"588b97f8-2587-442b-5d65-2bd1d5c90110","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685d322b16d23f6af676018b"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Picture of mountains with grass and clouds","src":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_zhen-mogila-iYw2XrxRslA-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5f136042-4887-92e9-ca14-adfdf4a72f01","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72c"],"children":["7130cbff-9616-02f4-0b73-c2503817a779"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7130cbff-9616-02f4-0b73-c2503817a779","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685d322b16d23f6af6760187"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Mountains with sunrise view","src":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_patrick-bald-llZIWkNGzS4-unsplash.jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6c63276-c236-1cb3-8125-c38dfa9d0277","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72c"],"children":["7e54437c-a33b-1c8c-629e-a285675c48d6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e54437c-a33b-1c8c-629e-a285675c48d6","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685d322b16d23f6af676018d"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"A beautiful place carry pond, mountains with some snow and tress","src":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f1b1fc97-25c6-6eb1-bb98-36fcf0f74283","type":"Block","tag":"div","classes":["3ed93e8e-7850-0845-41b2-7c5874a1e72b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; height: 100vh; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"3ed93e8e-7850-0845-41b2-7c5874a1e72a","fake":false,"type":"class","name":"anim_anim_page1","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"3ed93e8e-7850-0845-41b2-7c5874a1e72b","fake":false,"type":"class","name":"page1-space","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; background-color: black; flex-shrink: @raw<|0|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"4a1bff29-f0bf-99e7-f985-30bf93bcfe43","fake":false,"type":"class","name":"anim_content","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; justify-content: center; align-items: center; flex-grow: 0; flex-basis: auto; grid-column-gap: 20px; grid-row-gap: 20px; background-color: black; flex-shrink: @raw<|0|>;","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"3ed93e8e-7850-0845-41b2-7c5874a1e72c","fake":false,"type":"class","name":"cards","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; width: 15vw; height: 20vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"4a1bff29-f0bf-99e7-f985-30bf93bcfe42","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","siteId":"685d2e1eabff85a8b4e63401","width":1920,"isHD":false,"height":3072,"fileName":"685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","createdOn":"2025-06-26T11:42:36.318Z","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileHash":"dc15377be325f1b664493a6ad8ce7c10","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp","size":8526,"format":"webp","width":500,"quality":100,"_id":"6888776907b377c08bd9d740","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp","size":15328,"format":"webp","width":800,"quality":100,"_id":"6888776907b377c08bd9d741","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp","size":22944,"format":"webp","width":1080,"quality":100,"_id":"6888776907b377c08bd9d742","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.webp","size":39738,"format":"webp","width":1600,"quality":100,"_id":"6888776907b377c08bd9d743","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018f_f200b563f4e57e31f6dcc1484c6930c5_pascal-bullan-2OQEaRFwJdI-unsplash.webp","_id":"685d322b16d23f6af676018f","updatedOn":"2025-07-29T07:26:25.019Z","fileSize":50938,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","siteId":"685d2e1eabff85a8b4e63401","width":1920,"isHD":false,"height":3072,"fileName":"685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","createdOn":"2025-06-26T11:42:36.307Z","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileHash":"eced7207c30992cc5107b001b728aa68","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp","size":9772,"format":"webp","width":500,"quality":100,"_id":"68887778132485c11f497e9b","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp","size":17468,"format":"webp","width":800,"quality":100,"_id":"68887778132485c11f497e9c","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp","size":26032,"format":"webp","width":1080,"quality":100,"_id":"68887778132485c11f497e9d","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.webp","size":44568,"format":"webp","width":1600,"quality":100,"_id":"68887778132485c11f497e9e","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760189_264902c7dca595068c40ab3c9090b142_jordan-steranka-64LL2fP9uXM-unsplash.webp","_id":"685d322b16d23f6af6760189","updatedOn":"2025-07-29T07:26:24.526Z","fileSize":57110,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","siteId":"685d2e1eabff85a8b4e63401","width":1920,"isHD":false,"height":3072,"fileName":"685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","createdOn":"2025-06-26T11:42:36.316Z","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileHash":"5f250fc63806d91a11cb02b9c3684161","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp","size":10312,"format":"webp","width":500,"quality":100,"_id":"68887784766fab65c8b2f1fb","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp","size":18540,"format":"webp","width":800,"quality":100,"_id":"68887784766fab65c8b2f1fc","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp","size":27004,"format":"webp","width":1080,"quality":100,"_id":"68887784766fab65c8b2f1fd","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.webp","size":46268,"format":"webp","width":1600,"quality":100,"_id":"68887784766fab65c8b2f1fe","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018b_99902e87dd0528feb904f61f683d6829_zhen-mogila-iYw2XrxRslA-unsplash.webp","_id":"685d322b16d23f6af676018b","updatedOn":"2025-07-29T07:26:24.460Z","fileSize":58518,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","siteId":"685d2e1eabff85a8b4e63401","width":1920,"isHD":false,"height":3072,"fileName":"685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","createdOn":"2025-06-26T11:42:36.311Z","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileHash":"ba3bec9f73e764e100834b0a3c2be4cc","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp","size":6278,"format":"webp","width":500,"quality":100,"_id":"6888779495f2ab94cf5d2c19","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp","size":11582,"format":"webp","width":800,"quality":100,"_id":"6888779495f2ab94cf5d2c1a","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp","size":17732,"format":"webp","width":1080,"quality":100,"_id":"6888779495f2ab94cf5d2c1b","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1600.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1600.webp","size":31094,"format":"webp","width":1600,"quality":100,"_id":"6888779495f2ab94cf5d2c1c","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af6760187_f38c6e307b8af1b38ed79c30e3e5e5b5_patrick-bald-llZIWkNGzS4-unsplash.webp","_id":"685d322b16d23f6af6760187","updatedOn":"2025-07-29T07:26:24.405Z","fileSize":40774,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","siteId":"685d2e1eabff85a8b4e63401","width":1920,"isHD":false,"height":3072,"fileName":"685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","createdOn":"2025-06-26T11:42:36.313Z","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileHash":"ba79e1d354ed9a34b2da542038ea0bfa","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp","size":8372,"format":"webp","width":500,"quality":100,"_id":"6888779961daa01b72ea37e1","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp","size":15376,"format":"webp","width":800,"quality":100,"_id":"6888779961daa01b72ea37e2","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp","size":24254,"format":"webp","width":1080,"quality":100,"_id":"6888779961daa01b72ea37e3","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1600.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1600.webp","size":43134,"format":"webp","width":1600,"quality":100,"_id":"6888779961daa01b72ea37e4","cdnUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash-p-1600.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685d2e1eabff85a8b4e63401/685d322b16d23f6af676018d_2e3cdc9180982fc164531f85b0cffd54_luca-bravo-WeFDiEDModQ-unsplash.webp","_id":"685d322b16d23f6af676018d","updatedOn":"2025-07-29T07:26:24.574Z","fileSize":55228,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Click Text Animation
Newly added
On Click
Add
On Click Text Animation
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
let h1Text = document.querySelector("h1").textContent;
let splitTextArray = h1Text.split("").map((char, index) => `<span data-original-text="${char}" style="width: .7em; display: inline-block; text-align: center;">${char}</span>`);
document.querySelector("h1").innerHTML = splitTextArray.join("");
// Create a timeline for the fade animation
const tl1 = gsap.timeline({paused: true});
tl1.to("h1 span", {
duration: 1,
opacity: 0,
stagger: 0.05,
ease: "power2.inOut"
});
tl1.to("h1 span", {
duration: 1,
opacity: 1,
stagger: 0.05,
ease: "power2.inOut"
});
// Create a timeline for the shuffle animation
const tl2 = gsap.timeline({paused: true});
tl2.to("h1 span",{
scale: 0,
stagger: 0.05,
transformOrigin: "top",
ease: "power2.inOut"
})
tl2.to("h1 span",{
scale: 1,
stagger: 0.05,
transformOrigin: "top",
ease: "power2.inOut"
})
const tl3 = gsap.timeline({paused: true});
tl3.to("h1 span", {
duration: 1,
rotationX: -360,
transformOrigin: "top",
stagger: 0.05,
ease: "power2.inOut"
});
const tl4 = gsap.timeline({paused: true});
tl4.to("h1 span", {
y: 100,
stagger: 0.05,
ease: "power2.inOut"
})
tl4.to("h1 span", {
y: 0,
stagger: 0.05,
ease: "power2.inOut"
})
const tl5 = gsap.timeline({paused: true});
tl5.to("h1 span", {
x: -200,
ease: "power2.inOut",
stagger:{
from: "left",
amount: .1
}
})
tl5.to("h1 span", {
x: 0,
ease: "power2.inOut",
stagger:{
from: "right",
amount: .1
}
})
const tl6 = gsap.timeline({paused: true});
tl6.to("h1 span", {
rotationY: 360,
transformOrigin: "top",
stagger:{
from: "left",
amount: .1
},
ease: "power2.inOut"
})
// Reset all buttons to black
function resetButtonColors() {
document.querySelectorAll("#anim p").forEach(button => {
button.style.backgroundColor = "black";
});
}
document.querySelector("#anim1").addEventListener("click", (e) => {
resetButtonColors();
tl1.restart();
e.target.style.backgroundColor = "#808080";
});
document.querySelector("#anim2").addEventListener("click", (e) => {
resetButtonColors();
tl2.restart();
e.target.style.backgroundColor = "#808080";
});
document.querySelector("#anim3").addEventListener("click", (e) => {
resetButtonColors();
tl3.restart();
e.target.style.backgroundColor = "#808080";
});
document.querySelector("#anim4").addEventListener("click", (e) => {
resetButtonColors();
tl4.restart();
e.target.style.backgroundColor = "#808080";
});
document.querySelector("#anim5").addEventListener("click", (e) => {
resetButtonColors();
tl5.restart();
e.target.style.backgroundColor = "#808080";
});
document.querySelector("#anim6").addEventListener("click", (e) => {
resetButtonColors();
tl6.restart();
e.target.style.backgroundColor = "#808080";
});
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"fabd14a2-5b34-1f4f-e208-afbbe9caa5dd","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["650e23da-5d64-da91-123d-49f790235c24"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"650e23da-5d64-da91-123d-49f790235c24","type":"Block","tag":"div","classes":["2c91e290-b192-ff53-325a-c0454a019c0f"],"children":["81d53a36-1d70-98d6-3230-33602c342da8","2f49ab3b-ec55-b89d-6a8f-bc9600edc4d8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"81d53a36-1d70-98d6-3230-33602c342da8","type":"Block","tag":"div","classes":["6b1ff9d4-6aa0-1981-9dac-94768a444a8a"],"children":["dea68daf-8dae-33f7-37cb-b1d5afb19ae9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"small":{"noPseudo":{}}}}}},{"_id":"dea68daf-8dae-33f7-37cb-b1d5afb19ae9","type":"Heading","tag":"h1","classes":["89e5218b-aa7d-0292-1b31-e8f1a9e1dfe1","bbc7b249-b081-f8ed-7779-bda0de758589"],"children":["0951a08f-49cc-a2d9-4191-c019afcdc112"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0951a08f-49cc-a2d9-4191-c019afcdc112","text":true,"v":"TEXT"},{"_id":"2f49ab3b-ec55-b89d-6a8f-bc9600edc4d8","type":"Block","tag":"div","classes":["ea9391cb-d1f3-b452-d6d8-bd57be82b65e"],"children":["e749c6f3-520a-3749-7c1c-29c56dbc2f27","9a308ccf-5bea-7608-8e45-809fd2b1e4ff","0dd1fd40-97eb-ea0d-5d4a-b832f92858ee","9ff3a2d0-63a6-1f55-a9cc-d3fcf4ba2a0d","0e5d8e70-f6cd-3e66-fac8-38a0b8ee76bc","7682aab4-cbeb-9169-86f2-73a8c34c8666"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e749c6f3-520a-3749-7c1c-29c56dbc2f27","type":"Paragraph","tag":"p","classes":["c08e65e4-4ce2-42af-5f38-fb9f330c460f"],"children":["df2891c3-ba5f-8f47-8f25-b5be094173d8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"df2891c3-ba5f-8f47-8f25-b5be094173d8","text":true,"v":"ANIM1"},{"_id":"9a308ccf-5bea-7608-8e45-809fd2b1e4ff","type":"Paragraph","tag":"p","classes":["c08e65e4-4ce2-42af-5f38-fb9f330c460f"],"children":["0464bde1-8883-9623-8326-99113730b044"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0464bde1-8883-9623-8326-99113730b044","text":true,"v":"ANIM2"},{"_id":"0dd1fd40-97eb-ea0d-5d4a-b832f92858ee","type":"Paragraph","tag":"p","classes":["c08e65e4-4ce2-42af-5f38-fb9f330c460f"],"children":["03c75499-f3b9-8566-40b4-16d16100ee2e"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"03c75499-f3b9-8566-40b4-16d16100ee2e","text":true,"v":"ANIM3"},{"_id":"9ff3a2d0-63a6-1f55-a9cc-d3fcf4ba2a0d","type":"Paragraph","tag":"p","classes":["c08e65e4-4ce2-42af-5f38-fb9f330c460f"],"children":["c00e63dc-594b-9058-ef74-031d5ec5e453"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c00e63dc-594b-9058-ef74-031d5ec5e453","text":true,"v":"ANIM4"},{"_id":"0e5d8e70-f6cd-3e66-fac8-38a0b8ee76bc","type":"Paragraph","tag":"p","classes":["c08e65e4-4ce2-42af-5f38-fb9f330c460f"],"children":["5b58793e-1883-3b2b-7558-504afa7a6843"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5b58793e-1883-3b2b-7558-504afa7a6843","text":true,"v":"ANIM5"},{"_id":"7682aab4-cbeb-9169-86f2-73a8c34c8666","type":"Paragraph","tag":"p","classes":["c08e65e4-4ce2-42af-5f38-fb9f330c460f"],"children":["04fd7599-310f-4412-ed03-9d2d6335d01f"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"04fd7599-310f-4412-ed03-9d2d6335d01f","text":true,"v":"ANIM6"}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"2c91e290-b192-ff53-325a-c0454a019c0f","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"display: grid; width: 100%; height: 100vh; justify-items: center; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr; grid-template-rows: auto; background-color: white;","variants":{"small":{"styleLess":"display: flex; flex-direction: column-reverse; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 4rem; grid-row-gap: 4rem;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"6b1ff9d4-6aa0-1981-9dac-94768a444a8a","fake":false,"type":"class","name":"anim_text","namespace":"","comb":"","styleLess":"overflow: hidden; height: 5vw; width: @raw<|fit-content|>;","variants":{"small":{"styleLess":"height: auto;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"bbc7b249-b081-f8ed-7779-bda0de758589","fake":false,"type":"class","name":"anim_title","namespace":"","comb":"","styleLess":"color: black; font-size: 5vw; line-height: 1.1; font-weight: 500; text-align: center;","variants":{"small":{"styleLess":"font-size: 3rem;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"ea9391cb-d1f3-b452-d6d8-bd57be82b65e","fake":false,"type":"class","name":"anim_animation","namespace":"","comb":"","styleLess":"position: absolute; left: 30%; top: 50%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; transform: translate(-50%, -50%); width: @raw<|fit-content|>; justify-content: @raw<|center|>;","variants":{"small":{"styleLess":"position: relative; left: auto; top: auto; flex-direction: row; flex-wrap: wrap; transform: none /* translate(-50%, -50%) */;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c08e65e4-4ce2-42af-5f38-fb9f330c460f","fake":false,"type":"class","name":"anim_para","namespace":"","comb":"","styleLess":"padding-top: 1vw; padding-right: 3vw; padding-bottom: 1vw; padding-left: 3vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 100.00%, 0.00%, 1.00); color: white; font-size: 1.3vw; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1rem;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8909b864-b348-12aa-1860-b6f39628db11","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["99609f82-d600-66ff-c1c7-17e3a3171c0e"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"99609f82-d600-66ff-c1c7-17e3a3171c0e","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["b536172b-eaba-9e96-0ad2-bccdac73726f","c4d7d36d-76d2-f5fd-0d69-244cfbbd20ba"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b536172b-eaba-9e96-0ad2-bccdac73726f","type":"Block","tag":"div","classes":["e07c94cb-2ca8-0a6a-4feb-059966d36226"],"children":["a003f1df-c840-e458-cb83-4e8a6e14c2ee"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a003f1df-c840-e458-cb83-4e8a6e14c2ee","type":"Heading","tag":"h1","classes":["89e5218b-aa7d-0292-1b31-e8f1a9e1dfe1","4a1bff29-f0bf-99e7-f985-30bf93bcfe44"],"children":["4a7b547e-a929-eb91-2a58-abd710b19dd3"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4a7b547e-a929-eb91-2a58-abd710b19dd3","text":true,"v":"TEXT"},{"_id":"c4d7d36d-76d2-f5fd-0d69-244cfbbd20ba","type":"Block","tag":"div","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b98"],"children":["014d27c1-e2c9-a3d3-148d-500df4dcc530","3ad30ba9-5cb5-4c68-1dce-fcd343ca539b","352cba0c-a705-827f-2bd5-dede4838f4ad","71b49c75-10f1-cb05-5ea8-f6291618ea84","8df5806d-25bc-3fd5-0a36-3c2245852dee","9b06ecf8-828c-c4af-21c4-4a8c81b05cb9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"014d27c1-e2c9-a3d3-148d-500df4dcc530","type":"Paragraph","tag":"p","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b99"],"children":["94f8bfcf-42a7-2cea-82a7-f07940c9d080"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"94f8bfcf-42a7-2cea-82a7-f07940c9d080","text":true,"v":"ANIM1"},{"_id":"3ad30ba9-5cb5-4c68-1dce-fcd343ca539b","type":"Paragraph","tag":"p","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b99"],"children":["fac61a56-1e1a-16aa-2ee8-142a9d8abab6"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fac61a56-1e1a-16aa-2ee8-142a9d8abab6","text":true,"v":"ANIM2"},{"_id":"352cba0c-a705-827f-2bd5-dede4838f4ad","type":"Paragraph","tag":"p","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b99"],"children":["3a68e15e-42a3-2110-254b-fccd55310c8a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a68e15e-42a3-2110-254b-fccd55310c8a","text":true,"v":"ANIM3"},{"_id":"71b49c75-10f1-cb05-5ea8-f6291618ea84","type":"Paragraph","tag":"p","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b99"],"children":["a2f5b49a-b569-b7e2-2d33-e389cf9f27bb"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a2f5b49a-b569-b7e2-2d33-e389cf9f27bb","text":true,"v":"ANIM4"},{"_id":"8df5806d-25bc-3fd5-0a36-3c2245852dee","type":"Paragraph","tag":"p","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b99"],"children":["7c0ea29f-1e95-fb33-4191-1eaf5614fe6e"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7c0ea29f-1e95-fb33-4191-1eaf5614fe6e","text":true,"v":"ANIM5"},{"_id":"9b06ecf8-828c-c4af-21c4-4a8c81b05cb9","type":"Paragraph","tag":"p","classes":["c8f8f80a-6bee-70d1-b731-2353ffc42b99"],"children":["7ad5f382-c222-7f20-223d-51157a8b574f"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"anim6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7ad5f382-c222-7f20-223d-51157a8b574f","text":true,"v":"ANIM6"}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100vh; justify-content: center; justify-items: center; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr; grid-template-rows: auto; background-color: white;","variants":{"small":{"styleLess":"flex-direction: column-reverse; flex-wrap: nowrap; grid-column-gap: 4rem; grid-row-gap: 4rem;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e07c94cb-2ca8-0a6a-4feb-059966d36226","fake":false,"type":"class","name":"anim_text","namespace":"","comb":"","styleLess":"overflow: hidden; height: 8vw; flex-direction: column; flex-wrap: nowrap; align-items: center; width: @raw<|fit-content|>;","variants":{"small":{"styleLess":"height: auto;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"4a1bff29-f0bf-99e7-f985-30bf93bcfe44","fake":false,"type":"class","name":"anim_title","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 5vw; line-height: 1.1;","variants":{"tiny":{"styleLess":"font-size: 3rem;"},"small":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 3rem; font-weight: 500;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c8f8f80a-6bee-70d1-b731-2353ffc42b98","fake":false,"type":"class","name":"anim_animation","namespace":"","comb":"","styleLess":"position: absolute; left: 30%; top: 50%; display: flex; height: 40vh; flex-direction: column; flex-wrap: nowrap; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; transform: translate(-50%, -50%); width: @raw<|fit-content|>; justify-content: @raw<|center|>;","variants":{"medium":{"styleLess":"height: auto;"},"small":{"styleLess":"position: relative; left: auto; top: auto; flex-direction: row; flex-wrap: wrap; transform: none /* translate(-50%, -50%) */;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c8f8f80a-6bee-70d1-b731-2353ffc42b99","fake":false,"type":"class","name":"anim_para","namespace":"","comb":"","styleLess":"padding-top: 1vw; padding-right: 3vw; padding-bottom: 1vw; padding-left: 3vw; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 100.00%, 0.00%, 1.00); color: white; font-size: 1.3vw; font-weight: 700;","variants":{"medium":{"styleLess":"padding-top: 2vw; padding-right: 4vw; padding-bottom: 2vw; padding-left: 4vw; font-size: 1.5vw;"},"small":{"styleLess":"font-size: 1rem;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Animation 7
Newly added
On Scroll
Add
On Scroll Animation 7
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.27/bundled/lenis.min.js"></script>Copy javascript and paste it in the body
<script>
// Initialize Lenis smooth scrolling
const lenis = new Lenis({
duration: 1.2,
easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
direction: 'vertical',
gestureDirection: 'vertical',
smooth: true,
smoothTouch: false,
touchMultiplier: 2,
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
// Register ScrollTrigger plugin
gsap.registerPlugin(ScrollTrigger);
let lastScrollY = window.scrollY;
const sensitivity = 10; // Increased sensitivity for more noticeable effect
// Update scroll position and animate box
function updateOnScroll() {
const currentScrollY = window.scrollY;
const scrollDelta = currentScrollY - lastScrollY;
console.log(scrollDelta);
// Calculate box movement based on scroll speed and direction
const movement = scrollDelta * sensitivity;
// Store timeout ID for each box to clear previous timeouts
const boxes = ["#box1", "#box2", "#box3", "#box4"];
const multipliers = [1, 0.7, 0.4, 0.1];
// Animate all boxes
boxes.forEach((box, index) => {
gsap.to(box, {
y: movement * multipliers[index],
duration: 0.3,
ease: "power2.out"
});
// Clear previous timeout for this box
clearTimeout(window[`scrollTimeout_${index}`]);
// Set new timeout for resetting position
window[`scrollTimeout_${index}`] = setTimeout(() => {
gsap.to(box, {
y: 0,
duration: 1,
ease: "power2.out"
});
}, 10);
});
lastScrollY = currentScrollY;
}
// Add scroll event listener
window.addEventListener("scroll", updateOnScroll);
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8580f64f-40a1-2f39-51ea-195db15a1c76","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["ef49f05b-0bd4-b3f0-7fa6-bfed6eb774dc","df0748dc-0426-99bc-03e1-b5881ca0c24a","3a2e0504-2be7-4df0-c863-e3379448b68d"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"ef49f05b-0bd4-b3f0-7fa6-bfed6eb774dc","type":"Block","tag":"div","classes":["9441ad0c-756f-cf79-ef9e-a908ef45a98b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"df0748dc-0426-99bc-03e1-b5881ca0c24a","type":"Block","tag":"div","classes":["380a2549-37e0-f24f-f481-1f458b707b40"],"children":["feacd14c-50d9-37e0-aa0b-05f0186371e3","f8a65fd7-9c70-64b0-02c0-1cb8c9db0d74","16aa6ec0-b559-dfc7-c44b-3df240fd0362","1604d9ab-423f-42c1-2975-d50b0aa1cf58"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"feacd14c-50d9-37e0-aa0b-05f0186371e3","type":"Block","tag":"div","classes":["30bf8728-fdc4-14f4-bff4-530ce6176838"],"children":["6ad12a96-0d12-5b73-d60c-9320333ff1d6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6ad12a96-0d12-5b73-d60c-9320333ff1d6","type":"Image","tag":"img","classes":["53564363-79e5-a9f8-2791-e34f326a1dc9"],"children":[],"data":{"img":{"id":"67f0cdaec5f3bcc352a5870e"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f8a65fd7-9c70-64b0-02c0-1cb8c9db0d74","type":"Block","tag":"div","classes":["30bf8728-fdc4-14f4-bff4-530ce6176838","1a37c46e-7c3a-4a22-1a8e-31d3cdfcc9c8"],"children":["b6af4a23-eda9-5769-3147-f4b53374e1f4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b6af4a23-eda9-5769-3147-f4b53374e1f4","type":"Image","tag":"img","classes":["53564363-79e5-a9f8-2791-e34f326a1dc9"],"children":[],"data":{"img":{"id":"67f0cdaec5f3bcc352a5870e"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"16aa6ec0-b559-dfc7-c44b-3df240fd0362","type":"Block","tag":"div","classes":["30bf8728-fdc4-14f4-bff4-530ce6176838","913ef3ab-8373-5771-e38a-6c1c4908d743"],"children":["8e7d11cb-10d3-31eb-c75f-8036d1d72738"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8e7d11cb-10d3-31eb-c75f-8036d1d72738","type":"Image","tag":"img","classes":["53564363-79e5-a9f8-2791-e34f326a1dc9"],"children":[],"data":{"img":{"id":"67f0cdaec5f3bcc352a5870e"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1604d9ab-423f-42c1-2975-d50b0aa1cf58","type":"Block","tag":"div","classes":["30bf8728-fdc4-14f4-bff4-530ce6176838","9f23087f-a1a8-f02b-ffae-7bb28ace07fe"],"children":["3eac6dc4-635f-90f6-2e0e-b42b271d4739"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3eac6dc4-635f-90f6-2e0e-b42b271d4739","type":"Image","tag":"img","classes":["53564363-79e5-a9f8-2791-e34f326a1dc9"],"children":[],"data":{"img":{"id":"67f0cdaec5f3bcc352a5870e"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a2e0504-2be7-4df0-c863-e3379448b68d","type":"Block","tag":"div","classes":["9441ad0c-756f-cf79-ef9e-a908ef45a98b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"9441ad0c-756f-cf79-ef9e-a908ef45a98b","fake":false,"type":"class","name":"test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"380a2549-37e0-f24f-f481-1f458b707b40","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"30bf8728-fdc4-14f4-bff4-530ce6176838","fake":false,"type":"class","name":"box","namespace":"","comb":"","styleLess":"position: absolute; left: 50%; top: 50%; z-index: 1; overflow: hidden; width: 15vmax; height: 20vmax; border-top-left-radius: 1vw; border-top-right-radius: 1vw; border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw; opacity: 0.4; transform: translate(-50%, -50%);","variants":{},"children":["1a37c46e-7c3a-4a22-1a8e-31d3cdfcc9c8","913ef3ab-8373-5771-e38a-6c1c4908d743","9f23087f-a1a8-f02b-ffae-7bb28ace07fe"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"53564363-79e5-a9f8-2791-e34f326a1dc9","fake":false,"type":"class","name":"Image","namespace":"","comb":"","styleLess":"height: 100%;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"1a37c46e-7c3a-4a22-1a8e-31d3cdfcc9c8","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 50.5%; top: 49.5%; z-index: 2; opacity: 0.6;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"913ef3ab-8373-5771-e38a-6c1c4908d743","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 51%; top: 49%; z-index: 3; opacity: 0.8;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"9f23087f-a1a8-f02b-ffae-7bb28ace07fe","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 51.5%; top: 48.5%; z-index: 4; opacity: 1;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","siteId":"67f0c5ae95de61a020a60d94","width":500,"isHD":false,"height":750,"fileName":"67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","createdOn":"2025-04-05T06:29:02.948Z","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileHash":"a845d87b19596b97927acc42e2a36f34","translationLoading":false,"variants":[],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/67f0c5ae95de61a020a60d94/67f0cdaec5f3bcc352a5870e_luca-bravo-WeFDiEDModQ-unsplash.webp","_id":"67f0cdaec5f3bcc352a5870e","updatedOn":"2025-04-05T06:29:14.966Z","markedAsDeleted":false,"fileSize":100692,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"19f4096e-53da-abf6-8642-6f5d34942cf8","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["d63e54b8-96ed-fb80-a4d5-0691f0af1848","c9f34a59-2b96-7779-cc29-f07e167609a5","1dbe9846-a295-dd65-0f10-707e1f77a458"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d63e54b8-96ed-fb80-a4d5-0691f0af1848","type":"Block","tag":"div","classes":["67c0d392-0de4-e359-f4e7-de5962914ae6"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c9f34a59-2b96-7779-cc29-f07e167609a5","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["ac5d8d81-8c0f-e27a-8d91-b6e6dd127e8c","a990ca61-ec34-8aae-7f2a-39c8e63ff2e1","b9d71760-0d96-a579-7e7a-5e63eb5fa9dc","fbd4fa96-7fc8-599d-50fa-e39466a92878"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ac5d8d81-8c0f-e27a-8d91-b6e6dd127e8c","type":"Block","tag":"div","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b5"],"children":["c0e0b026-daf9-06b5-6e1a-dc1d45d8657c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c0e0b026-daf9-06b5-6e1a-dc1d45d8657c","type":"Image","tag":"img","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b6"],"children":[],"data":{"img":{"id":"685d1f565298558308174417"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a990ca61-ec34-8aae-7f2a-39c8e63ff2e1","type":"Block","tag":"div","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b5","c990dc9a-372d-e487-109c-248cbc9bc7b7"],"children":["066f5149-3f56-feb6-86e8-92c9ca2c96f0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"066f5149-3f56-feb6-86e8-92c9ca2c96f0","type":"Image","tag":"img","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b6"],"children":[],"data":{"img":{"id":"685d1f565298558308174417"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b9d71760-0d96-a579-7e7a-5e63eb5fa9dc","type":"Block","tag":"div","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b5","c990dc9a-372d-e487-109c-248cbc9bc7b8"],"children":["26051535-2651-2d1c-82e6-99e352fc3863"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"26051535-2651-2d1c-82e6-99e352fc3863","type":"Image","tag":"img","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b6"],"children":[],"data":{"img":{"id":"685d1f565298558308174417"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fbd4fa96-7fc8-599d-50fa-e39466a92878","type":"Block","tag":"div","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b5","c990dc9a-372d-e487-109c-248cbc9bc7b9"],"children":["517fe8d4-42a6-6356-f2d0-b8cff4ba8100"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"517fe8d4-42a6-6356-f2d0-b8cff4ba8100","type":"Image","tag":"img","classes":["c990dc9a-372d-e487-109c-248cbc9bc7b6"],"children":[],"data":{"img":{"id":"685d1f565298558308174417"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"Image of nature","src":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":500,"size":"100vw"},{"max":10000,"size":"500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1dbe9846-a295-dd65-0f10-707e1f77a458","type":"Block","tag":"div","classes":["67c0d392-0de4-e359-f4e7-de5962914ae6"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"67c0d392-0de4-e359-f4e7-de5962914ae6","fake":false,"type":"class","name":"test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; align-items: center; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c990dc9a-372d-e487-109c-248cbc9bc7b5","fake":false,"type":"class","name":"box","namespace":"","comb":"","styleLess":"position: absolute; left: 50%; top: 50%; z-index: 1; overflow: hidden; width: 15vmax; height: 20vmax; border-top-left-radius: 1vw; border-top-right-radius: 1vw; border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw; opacity: 0.4; transform: translate(-50%, -50%);","variants":{},"children":["c990dc9a-372d-e487-109c-248cbc9bc7b7","c990dc9a-372d-e487-109c-248cbc9bc7b8","c990dc9a-372d-e487-109c-248cbc9bc7b9"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c990dc9a-372d-e487-109c-248cbc9bc7b6","fake":false,"type":"class","name":"Image 2","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c990dc9a-372d-e487-109c-248cbc9bc7b7","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 50.5%; top: 49.5%; z-index: 2; background-color: blue;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c990dc9a-372d-e487-109c-248cbc9bc7b8","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 51%; top: 49%; z-index: 3; background-color: green;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c990dc9a-372d-e487-109c-248cbc9bc7b9","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 51.5%; top: 48.5%; z-index: 4; opacity: 1;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","siteId":"685d100dea41c08bf1fb8081","width":500,"isHD":false,"height":750,"fileName":"685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","createdOn":"2025-06-26T10:22:14.744Z","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileHash":"a845d87b19596b97927acc42e2a36f34","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","format":"webp","_id":"685d1f565298558308174418","cdnUrl":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685d100dea41c08bf1fb8081/685d1f565298558308174417_luca-bravo-WeFDiEDModQ-unsplash.webp","_id":"685d1f565298558308174417","updatedOn":"2025-06-26T10:22:14.744Z","markedAsDeleted":false,"fileSize":100692,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Animation 6
Newly added
On Scroll
Add
On Scroll Animation 6
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
const tl = gsap.timeline({
scrollTrigger: {
trigger: "#services",
start: "top top",
end: "500%",
scrub: 1,
pin: true,
}
});
tl.to("#service-text h2", {
transform: "translateY(0%)",
},'a');
tl.to("#simg9", {
opacity: 0,
duration: .3,
},'a');
tl.to("#service-text h2", {
transform: "translateY(-100%)",
},'b');
tl.to("#simg8", {
opacity: 0,
duration: .3,
},'b');
tl.to("#service-text h2", {
transform: "translateY(-200%)",
},'c');
tl.to("#simg7", {
opacity: 0,
duration: .3,
},'c');
tl.to("#service-text h2", {
transform: "translateY(-300%)",
},'d');
tl.to("#simg6", {
opacity: 0,
duration: .3,
},'d');
tl.to("#service-text h2", {
transform: "translateY(-400%)",
},'e');
tl.to("#simg5", {
opacity: 0,
duration: .3,
},'e');
tl.to("#service-text h2", {
transform: "translateY(-500%)",
},'f');
tl.to("#simg4", {
opacity: 0,
duration: .3,
},'f');
tl.to("#service-text h2", {
transform: "translateY(-600%)",
},'g');
tl.to("#simg3", {
opacity: 0,
duration: .3,
},'g');
tl.to("#service-text h2", {
transform: "translateY(-700%)",
},'h');
tl.to("#simg2", {
opacity: 0,
duration: .3,
},'h');
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f019c830-dbbb-9f1d-5145-bfbc56c2389f","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["b51210db-269d-a6f5-0587-144ff453cd21","5038c800-5284-145e-e5a4-f98999f8aaeb","72bd89a5-1707-c729-15a9-eabfa53603c0"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"b51210db-269d-a6f5-0587-144ff453cd21","type":"Block","tag":"div","classes":["87c3e46e-497e-b624-bc68-9cef6b55ca35"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5038c800-5284-145e-e5a4-f98999f8aaeb","type":"Block","tag":"div","classes":["ed95b722-dc60-f39d-55ff-b7012afa1871"],"children":["719c04a0-277c-2c0c-8fff-11dfed1c1182","4a474636-2823-2524-6845-da16bc8d1726"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"services"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"719c04a0-277c-2c0c-8fff-11dfed1c1182","type":"Block","tag":"div","classes":["58c43170-be5d-c469-b5f5-f3ca8ad97e3c"],"children":["789f717f-55a0-4fc5-6263-7c61c3eb15d2","8f008552-50d8-5351-9b6c-e69579369305","845242c9-3c2b-089e-bcbe-f7d79dda465e","2762157e-d97c-3be3-1415-c652914f6754","c4fd0835-12c1-fe82-368e-b80a876d3e10","9c695aa0-1fe3-9bd8-4442-adbb1480f5a4","86862231-7dda-09a9-1768-2540b6d6ee32","91ac1a3c-3298-54d0-788c-e751329d35d1","01fb0b9d-62d5-5223-8de5-083b230ad20a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"service-img"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"789f717f-55a0-4fc5-6263-7c61c3eb15d2","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","656e9eed-b0c5-9023-bd3e-5a4dabb5ef40"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8f008552-50d8-5351-9b6c-e69579369305","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","a1ae4934-c5d1-f9e6-bcd1-4a6e5f2c9b4e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"845242c9-3c2b-089e-bcbe-f7d79dda465e","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","f67422b8-404c-810c-e6b2-1be29fac3907"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2762157e-d97c-3be3-1415-c652914f6754","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","29425b2d-24a6-adc0-7d11-ee3a653093f7"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c4fd0835-12c1-fe82-368e-b80a876d3e10","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","e68058dc-3b1d-a4e0-5f05-a74da8cf559f"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9c695aa0-1fe3-9bd8-4442-adbb1480f5a4","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","d9268f52-74ab-cc88-84ae-c10360dc7f31"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"86862231-7dda-09a9-1768-2540b6d6ee32","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","c114858a-cc39-b7f7-e422-00b3085f224e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg7"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"91ac1a3c-3298-54d0-788c-e751329d35d1","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","cc7c86b3-3911-39f5-1c9c-d90dc6f6c2db"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg8"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"01fb0b9d-62d5-5223-8de5-083b230ad20a","type":"Block","tag":"div","classes":["3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","e5a267ca-259a-5a35-4749-3dffaaa6b534"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg9"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4a474636-2823-2524-6845-da16bc8d1726","type":"Block","tag":"div","classes":["fe235825-ef21-e5c1-2aa9-413a111c9dfd"],"children":["bf370658-3479-395b-3f75-b66e62b25bb0","b0d113c8-a307-9972-ea66-0b58ceb12ca8","459a9b7b-20c2-e3fc-2cd0-7ab053ad3b9a","55a1e2e9-3e9f-d80e-01d3-4e3af052ede1","7eb7696d-84a1-f6d6-3ba6-7becb543de75","2ebf6549-2f7b-e66e-8b7c-d4d5a861aaa7","b5ae7d3e-13b9-1250-5a8d-078fa51be83f","d70c92c9-4b26-7361-ee84-dc6a8ed25726","1c849594-e6f2-4940-ee9d-49ed60502b88","6254e441-012e-70fc-29ca-18b7227a9780","985efcae-d374-48cd-c994-3f6f5d9518a6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"service-text"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bf370658-3479-395b-3f75-b66e62b25bb0","type":"Block","tag":"div","classes":["8e331d7c-d8e4-1c7f-8181-3e43de672e49"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"shadow1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b0d113c8-a307-9972-ea66-0b58ceb12ca8","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["525960c0-d31f-13e5-0b65-799bee8ae031"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"525960c0-d31f-13e5-0b65-799bee8ae031","text":true,"v":"text1"},{"_id":"459a9b7b-20c2-e3fc-2cd0-7ab053ad3b9a","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["86f33889-2cc0-be68-aa94-05ad0e6568ce"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"86f33889-2cc0-be68-aa94-05ad0e6568ce","text":true,"v":"text2"},{"_id":"55a1e2e9-3e9f-d80e-01d3-4e3af052ede1","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["28e68e2a-c3ad-38c2-4772-e0b718a1e0e0"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"28e68e2a-c3ad-38c2-4772-e0b718a1e0e0","text":true,"v":"text3"},{"_id":"7eb7696d-84a1-f6d6-3ba6-7becb543de75","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["f9669700-a336-7f68-534a-36508d0af031"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f9669700-a336-7f68-534a-36508d0af031","text":true,"v":"text4"},{"_id":"2ebf6549-2f7b-e66e-8b7c-d4d5a861aaa7","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["ac715430-3ed3-18b4-d47d-52e1c23ac07d"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ac715430-3ed3-18b4-d47d-52e1c23ac07d","text":true,"v":"text5"},{"_id":"b5ae7d3e-13b9-1250-5a8d-078fa51be83f","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["8dad8c3e-eebb-5ff2-1ed3-6544a6adb058"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8dad8c3e-eebb-5ff2-1ed3-6544a6adb058","text":true,"v":"text6"},{"_id":"d70c92c9-4b26-7361-ee84-dc6a8ed25726","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["66fba258-3b88-35ab-3321-52fc875d3dd8"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"66fba258-3b88-35ab-3321-52fc875d3dd8","text":true,"v":"text7"},{"_id":"1c849594-e6f2-4940-ee9d-49ed60502b88","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["d70d1bbc-e10f-9fc4-d5f3-c15b5189a43e"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d70d1bbc-e10f-9fc4-d5f3-c15b5189a43e","text":true,"v":"text8"},{"_id":"6254e441-012e-70fc-29ca-18b7227a9780","type":"Heading","tag":"h2","classes":["4181414c-9fc2-e57a-392a-f464534f3a63"],"children":["3d9cb4e3-7b2b-d283-4c79-3ee4c2bc06a3"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3d9cb4e3-7b2b-d283-4c79-3ee4c2bc06a3","text":true,"v":"text9"},{"_id":"985efcae-d374-48cd-c994-3f6f5d9518a6","type":"Block","tag":"div","classes":["87a3b077-28ad-ad6d-fe3a-95fecf7d5937"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"shadow2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"72bd89a5-1707-c729-15a9-eabfa53603c0","type":"Block","tag":"div","classes":["87c3e46e-497e-b624-bc68-9cef6b55ca35"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"656e9eed-b0c5-9023-bd3e-5a4dabb5ef40","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"background-color: blue;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"4181414c-9fc2-e57a-392a-f464534f3a63","fake":false,"type":"class","name":"Heading","namespace":"","comb":"","styleLess":"transform: translate(0px, 100%); font-size: 7vw; line-height: 1.1; font-weight: 400; text-align: center;","variants":{"medium":{"styleLess":"font-size: 10vh;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e5a267ca-259a-5a35-4749-3dffaaa6b534","fake":false,"type":"class","name":"is-9","namespace":"","comb":"&","styleLess":"background-color: #e227cf;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87c3e46e-497e-b624-bc68-9cef6b55ca35","fake":false,"type":"class","name":"anim_test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: whitesmoke;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"29425b2d-24a6-adc0-7d11-ee3a653093f7","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"background-color: purple;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"d9268f52-74ab-cc88-84ae-c10360dc7f31","fake":false,"type":"class","name":"is-6","namespace":"","comb":"&","styleLess":"background-color: pink;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"58c43170-be5d-c469-b5f5-f3ca8ad97e3c","fake":false,"type":"class","name":"anim_service-img","namespace":"","comb":"","styleLess":"position: absolute; left: 74.5%; top: 50%; z-index: 2; width: 20vw; height: 20vw; background-color: red; transform: translate(-50%, -50%);","variants":{"medium":{"styleLess":"left: 50%; top: 85%; width: 40vw; height: 40vw;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"8e331d7c-d8e4-1c7f-8181-3e43de672e49","fake":false,"type":"class","name":"anim_shadow1","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 35%; background-image: linear-gradient(180deg, hsla(0, 0.00%, 0.00%, 0.80), transparent); pointer-events: none;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c114858a-cc39-b7f7-e422-00b3085f224e","fake":false,"type":"class","name":"is-7","namespace":"","comb":"&","styleLess":"background-color: brown;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"3a901df5-63ba-69b8-8ea3-f9a86d5be3d2","fake":false,"type":"class","name":"simg","namespace":"","comb":"","styleLess":"position: absolute; width: 20vw; height: 20vw;","variants":{"medium":{"styleLess":"width: 40vw; height: 40vw;"}},"children":["656e9eed-b0c5-9023-bd3e-5a4dabb5ef40","a1ae4934-c5d1-f9e6-bcd1-4a6e5f2c9b4e","f67422b8-404c-810c-e6b2-1be29fac3907","29425b2d-24a6-adc0-7d11-ee3a653093f7","e68058dc-3b1d-a4e0-5f05-a74da8cf559f","d9268f52-74ab-cc88-84ae-c10360dc7f31","c114858a-cc39-b7f7-e422-00b3085f224e","cc7c86b3-3911-39f5-1c9c-d90dc6f6c2db","e5a267ca-259a-5a35-4749-3dffaaa6b534"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"ed95b722-dc60-f39d-55ff-b7012afa1871","fake":false,"type":"class","name":"anim_services","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; padding-top: 1vw; padding-right: 1vw; padding-bottom: 1vw; padding-left: 1vw; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e68058dc-3b1d-a4e0-5f05-a74da8cf559f","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cc7c86b3-3911-39f5-1c9c-d90dc6f6c2db","fake":false,"type":"class","name":"is-8","namespace":"","comb":"&","styleLess":"background-color: grey;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"87a3b077-28ad-ad6d-fe3a-95fecf7d5937","fake":false,"type":"class","name":"anim_shadow2","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; height: 35%; background-image: linear-gradient(360deg, hsla(0, 0.00%, 0.00%, 0.80), transparent); pointer-events: none;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"fe235825-ef21-e5c1-2aa9-413a111c9dfd","fake":false,"type":"class","name":"anim_service-text","namespace":"","comb":"","styleLess":"position: relative; left: 50%; top: 50%; overflow: hidden; width: 100%; height: 50vh; background-color: black; transform: translate(-50%, -50%);","variants":{"medium":{"styleLess":"height: 35vh;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"a1ae4934-c5d1-f9e6-bcd1-4a6e5f2c9b4e","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"background-color: green;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"f67422b8-404c-810c-e6b2-1be29fac3907","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"355f4ccc-4b5f-9098-f1c1-d6f23b7f3b4e","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["747736df-b9f5-59a7-f89a-0fcff4ac60ea","14aa5134-9f23-bce5-b584-e53ec8ddedbf","f3e631a6-7985-7e02-663f-ef115e230a12"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"747736df-b9f5-59a7-f89a-0fcff4ac60ea","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab4e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"14aa5134-9f23-bce5-b584-e53ec8ddedbf","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab4f"],"children":["0445bd8f-2c82-b67f-7c80-e26fecddfa32","41596286-c86a-7a53-431c-862451d9f806"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"services"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0445bd8f-2c82-b67f-7c80-e26fecddfa32","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab50"],"children":["bc853537-317a-88ca-3717-2fdecde97325","523d5b04-84ed-3ee6-65d3-a0a26d92752f","bc41fb0e-2abf-2c18-db2f-cd57624faaf9","172084e8-82f2-b8d3-44d2-fd53732edfc2","e5b58248-31f2-af32-7a70-244dda876ef8","c18dc4e7-951e-4934-1560-d545e23b2759","dab7da3b-bc38-fac7-f913-335270ab7b86","dee2b017-9324-62d9-6ce3-759e3fe95dd4","915c50a9-f15b-721d-0441-4a303e3d569f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"service-img"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bc853537-317a-88ca-3717-2fdecde97325","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab56"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"523d5b04-84ed-3ee6-65d3-a0a26d92752f","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab57"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bc41fb0e-2abf-2c18-db2f-cd57624faaf9","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab58"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"172084e8-82f2-b8d3-44d2-fd53732edfc2","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab59"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e5b58248-31f2-af32-7a70-244dda876ef8","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5a"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c18dc4e7-951e-4934-1560-d545e23b2759","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dab7da3b-bc38-fac7-f913-335270ab7b86","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5c"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg7"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dee2b017-9324-62d9-6ce3-759e3fe95dd4","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5d"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg8"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"915c50a9-f15b-721d-0441-4a303e3d569f","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg9"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"41596286-c86a-7a53-431c-862451d9f806","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab52"],"children":["dc33e725-1883-b5e3-fb90-31ad4cc8a92c","1088cf2f-13c3-af3f-e885-4905d60a0e6b","b40afc54-cd63-70f6-2c76-300f815e593a","e18bc924-4369-9422-e1fb-7fa0b9f86c21","3f0703aa-50e7-7ff0-5c4c-d8e1fd55312c","7e18a1be-7257-9c7d-c2ad-ef9484ea0df6","0457e13a-3257-c433-4895-d5e0175a8e5b","c43151bc-1ba9-70ed-0339-22b9b177d1fe","71092b5c-b77d-e343-70dc-5c2a162c2b4e","e09afe8a-ebff-4d00-209d-c4c38b4d4b9b","21f4f5d4-d95f-43f7-bc3c-0671a37ba9c3"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"service-text"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dc33e725-1883-b5e3-fb90-31ad4cc8a92c","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab53"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"shadow1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1088cf2f-13c3-af3f-e885-4905d60a0e6b","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["699e0bec-1451-0a83-8aca-14cb003f05ab"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"699e0bec-1451-0a83-8aca-14cb003f05ab","text":true,"v":"text1"},{"_id":"b40afc54-cd63-70f6-2c76-300f815e593a","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["409326ec-a742-4a13-698a-aba31070a769"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"409326ec-a742-4a13-698a-aba31070a769","text":true,"v":"text2"},{"_id":"e18bc924-4369-9422-e1fb-7fa0b9f86c21","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["9138e0b0-8288-1f2e-fc58-f11b600c13bf"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9138e0b0-8288-1f2e-fc58-f11b600c13bf","text":true,"v":"text3"},{"_id":"3f0703aa-50e7-7ff0-5c4c-d8e1fd55312c","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["3ef1327c-9888-a75e-9dc1-451a2c789da9"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3ef1327c-9888-a75e-9dc1-451a2c789da9","text":true,"v":"text4"},{"_id":"7e18a1be-7257-9c7d-c2ad-ef9484ea0df6","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["9db52f2d-250c-21f1-0604-9d50117a6dd9"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9db52f2d-250c-21f1-0604-9d50117a6dd9","text":true,"v":"text5"},{"_id":"0457e13a-3257-c433-4895-d5e0175a8e5b","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["2d97397b-3c60-5ecb-5fc1-5db50e9570dd"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2d97397b-3c60-5ecb-5fc1-5db50e9570dd","text":true,"v":"text6"},{"_id":"c43151bc-1ba9-70ed-0339-22b9b177d1fe","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["d68e2603-0ff2-9aad-6448-995ebab74392"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d68e2603-0ff2-9aad-6448-995ebab74392","text":true,"v":"text7"},{"_id":"71092b5c-b77d-e343-70dc-5c2a162c2b4e","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["c75972fc-9176-06d6-9a81-a7376ba81cf6"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c75972fc-9176-06d6-9a81-a7376ba81cf6","text":true,"v":"text8"},{"_id":"e09afe8a-ebff-4d00-209d-c4c38b4d4b9b","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["005e981a-b534-01bb-8530-832f88ab5ef1"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"005e981a-b534-01bb-8530-832f88ab5ef1","text":true,"v":"text9"},{"_id":"21f4f5d4-d95f-43f7-bc3c-0671a37ba9c3","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab55"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"shadow2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f3e631a6-7985-7e02-663f-ef115e230a12","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab4e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5e","fake":false,"type":"class","name":"is-9","namespace":"","comb":"&","styleLess":"background-color: #e227cf;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5c","fake":false,"type":"class","name":"is-7","namespace":"","comb":"&","styleLess":"background-color: brown;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab4e","fake":false,"type":"class","name":"anim_test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: whitesmoke;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5d","fake":false,"type":"class","name":"is-8","namespace":"","comb":"&","styleLess":"background-color: grey;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab50","fake":false,"type":"class","name":"anim_service-img","namespace":"","comb":"","styleLess":"position: absolute; left: 74.5%; top: 50%; z-index: 2; width: 20vw; height: 20vw; background-color: red; transform: translate(-50%, -50%);","variants":{"medium":{"styleLess":"left: 50%; top: 85%; width: 40vw; height: 40vw;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","fake":false,"type":"class","name":"simg","namespace":"","comb":"","styleLess":"position: absolute; width: 20vw; height: 20vw;","variants":{"medium":{"styleLess":"width: 40vw; height: 40vw;"}},"children":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab56","5de20a9a-f41f-6f5e-96cc-6cb2d472ab57","5de20a9a-f41f-6f5e-96cc-6cb2d472ab58","5de20a9a-f41f-6f5e-96cc-6cb2d472ab59","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5a","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5b","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5c","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5d","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5e"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab55","fake":false,"type":"class","name":"anim_shadow2","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; height: 35%; background-image: linear-gradient(360deg, hsla(0, 0.00%, 0.00%, 0.80), transparent); pointer-events: none;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab52","fake":false,"type":"class","name":"anim_service-text","namespace":"","comb":"","styleLess":"position: relative; left: 50%; top: 50%; overflow: hidden; width: 100%; height: 50vh; background-color: black; transform: translate(-50%, -50%);","variants":{"medium":{"styleLess":"height: 35vh;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab53","fake":false,"type":"class","name":"anim_shadow1","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 35%; background-image: linear-gradient(180deg, hsla(0, 0.00%, 0.00%, 0.80), transparent); pointer-events: none;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab59","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"background-color: purple;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab54","fake":false,"type":"class","name":"text","namespace":"","comb":"","styleLess":"transform: translate(0px, 100%); color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 7vw; line-height: 1.1; font-weight: 400; text-align: center;","variants":{"medium":{"styleLess":"font-size: 10vh;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5b","fake":false,"type":"class","name":"is-6","namespace":"","comb":"&","styleLess":"background-color: pink;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab58","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab4f","fake":false,"type":"class","name":"anim_services","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; padding-top: 1vw; padding-right: 1vw; padding-bottom: 1vw; padding-left: 1vw; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab57","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"background-color: green;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5a","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab56","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"background-color: blue;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Animation 5
Add
On Scroll Animation 5
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
gsap.registerPlugin(ScrollTrigger);
let scale = 100
if (window.innerWidth < 768) {
scale = 250
}
// Timeline with ScrollTrigger
const tl = gsap.timeline({
scrollTrigger: {
trigger: "#main",
start: "top top",
end: "bottom bottom", // extend scroll for smoothness
scrub: true, // use true instead of a number for smoother scrub both directions
markers: true,
invalidateOnRefresh: true
}
});
// Animate box movement
tl.to("#box", {
top: "50%",
rotate: 180,
}, 'start')
// Shape morph
tl.to(["#box1", "#box2"], {
height: "3vw",
width: "3vw",
borderRadius: "50%",
}, 'shape')
// Scale up #box1
tl.to("#box1", {
scale: scale,
transformOrigin: "center center",
}, 'scale')
// Fade out #box2 smoothly
tl.to("#box2", {
autoAlpha: 0,
}, 'scale')
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"be7a9e3b-9a26-16ef-a23c-13bc8fadff62","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["dd55fadc-4dc1-66a8-4ab0-97d11545057b","807b68e9-1d12-9363-0375-e54310f1396b"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"dd55fadc-4dc1-66a8-4ab0-97d11545057b","type":"Block","tag":"div","classes":["255712cb-97a4-3f12-8e0e-4cec40e2e1f5"],"children":["5eb9c62e-b205-1636-5798-4e2d28b5f74a","b895738e-f596-dc1a-3de4-cb703c3e3b8b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5eb9c62e-b205-1636-5798-4e2d28b5f74a","type":"Block","tag":"div","classes":["8b5d12f4-22ea-b524-ea6d-d9ae6eed8e9a"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b895738e-f596-dc1a-3de4-cb703c3e3b8b","type":"Block","tag":"div","classes":["47f11197-d535-ce76-ed99-d581c2d9fde2"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"box2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"807b68e9-1d12-9363-0375-e54310f1396b","type":"Block","tag":"div","classes":["0327ae41-2449-e7e5-5cba-ed5a49f0edef"],"children":["cff415f5-5d2f-2f89-6176-aa98d8d829d7","490198fa-bec6-8e26-0534-ab062174904a","6c8acdd4-3e1b-7168-2eac-c1b320feb366","11ab3d9c-7526-024e-0984-21e69a6f3fcf","56ea5ca0-9d49-85d3-4de4-0f226bfe1dd3","04a567af-fbab-0b80-0d23-736688069e04"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"main"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cff415f5-5d2f-2f89-6176-aa98d8d829d7","type":"Block","tag":"div","classes":["8e46d1a4-5a05-895b-01e6-5fc7b90d6afa"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"490198fa-bec6-8e26-0534-ab062174904a","type":"Block","tag":"div","classes":["7a61aa19-dd0a-2760-3f94-36793ea2d29b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6c8acdd4-3e1b-7168-2eac-c1b320feb366","type":"Block","tag":"div","classes":["7a61aa19-dd0a-2760-3f94-36793ea2d29b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11ab3d9c-7526-024e-0984-21e69a6f3fcf","type":"Block","tag":"div","classes":["7a61aa19-dd0a-2760-3f94-36793ea2d29b"],"children":["1502efb9-6b8a-bd4f-aa8a-7e9dabba4225"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1502efb9-6b8a-bd4f-aa8a-7e9dabba4225","type":"Heading","tag":"h1","classes":["e2c038be-43c5-5ba7-04e7-abc2d9f99a80"],"children":["ab174b13-24fb-2172-75be-ca4cc5e5a76e"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ab174b13-24fb-2172-75be-ca4cc5e5a76e","text":true,"v":"WORK"},{"_id":"56ea5ca0-9d49-85d3-4de4-0f226bfe1dd3","type":"Block","tag":"div","classes":["7a61aa19-dd0a-2760-3f94-36793ea2d29b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"04a567af-fbab-0b80-0d23-736688069e04","type":"Block","tag":"div","classes":["7a61aa19-dd0a-2760-3f94-36793ea2d29b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"255712cb-97a4-3f12-8e0e-4cec40e2e1f5","fake":false,"type":"class","name":"box_wrapper","namespace":"","comb":"","styleLess":"position: fixed; left: 50%; top: 20%; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"8b5d12f4-22ea-b524-ea6d-d9ae6eed8e9a","fake":false,"type":"class","name":"anim_box1","namespace":"","comb":"","styleLess":"position: absolute; left: 50%; top: 50%; width: 1vw; height: 5vw; background-color: white; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"47f11197-d535-ce76-ed99-d581c2d9fde2","fake":false,"type":"class","name":"anim_box2","namespace":"","comb":"","styleLess":"position: absolute; left: 50%; top: 50%; width: 5vw; height: 1vw; background-color: white; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"0327ae41-2449-e7e5-5cba-ed5a49f0edef","fake":false,"type":"class","name":"content_wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"8e46d1a4-5a05-895b-01e6-5fc7b90d6afa","fake":false,"type":"class","name":"test1","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"7a61aa19-dd0a-2760-3f94-36793ea2d29b","fake":false,"type":"class","name":"anim_test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e2c038be-43c5-5ba7-04e7-abc2d9f99a80","fake":false,"type":"class","name":"anim_header","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"34424f08-c30e-cc0f-cdc3-f07e1590c2cb","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["ede7c003-cf8a-709d-7b7d-13596f71a9d3","3cc868cd-2be5-398f-8b15-ea8276d40572","53164374-d165-0d74-ed58-1975998ffd7e"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ede7c003-cf8a-709d-7b7d-13596f71a9d3","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab4e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3cc868cd-2be5-398f-8b15-ea8276d40572","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab4f"],"children":["b6e9b057-1a3a-a534-a645-a49ab2650137","6f0cc6b0-397a-df61-4309-980ebe5f0465"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"services"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b6e9b057-1a3a-a534-a645-a49ab2650137","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab50"],"children":["29401a23-3167-be0f-0a03-d86f9d8e238c","7e255eb4-5447-e91f-ce4e-787c6b36e913","65ba47dd-bea0-2360-b03d-1293d9e7c41c","28bc6798-d93f-8cbb-acb9-fb06642e1aff","1e628e75-7695-2fb9-5d0f-180f96a0d804","d2fc6183-5339-cf60-5c60-1ceccf610854","087b9f4b-145e-b6cb-9840-6221409a50db","07bd3279-545d-d64c-02fe-ffc54ce19e5c","46fcc5a3-cc2a-2ef3-f51a-879b88d57e95"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"service-img"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"29401a23-3167-be0f-0a03-d86f9d8e238c","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab56"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e255eb4-5447-e91f-ce4e-787c6b36e913","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab57"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"65ba47dd-bea0-2360-b03d-1293d9e7c41c","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab58"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"28bc6798-d93f-8cbb-acb9-fb06642e1aff","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab59"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1e628e75-7695-2fb9-5d0f-180f96a0d804","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5a"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d2fc6183-5339-cf60-5c60-1ceccf610854","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5b"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg6"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"087b9f4b-145e-b6cb-9840-6221409a50db","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5c"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg7"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"07bd3279-545d-d64c-02fe-ffc54ce19e5c","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5d"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg8"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"46fcc5a3-cc2a-2ef3-f51a-879b88d57e95","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"simg9"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f0cc6b0-397a-df61-4309-980ebe5f0465","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab52"],"children":["6572ffc9-ef74-98f7-0e7b-213e37618072","43a911f5-36bf-5879-2721-e276aaea9e9c","d7742fdf-2628-d273-8a49-8bc6401f75dc","de063b31-3be3-a958-310c-77e777843a3b","376488dc-7d97-f259-13e9-720c52030641","2395b52b-5843-e794-f712-6aa7b8f5608a","a7727d81-7f53-b91b-2b62-081795f115ff","3e95fad4-331f-f1c8-9637-a4e7602a0e54","43829d19-3247-59e8-b96e-8bedfa7c7859","fb24f82b-bfc4-70c5-72f4-bb6284fb7a5e","fb5921e2-27d4-0094-d4af-e7efedf37e53"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"service-text"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6572ffc9-ef74-98f7-0e7b-213e37618072","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab53"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"shadow1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"43a911f5-36bf-5879-2721-e276aaea9e9c","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["073e3d3d-eb93-6d14-f0ee-8ccc959b4505"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"073e3d3d-eb93-6d14-f0ee-8ccc959b4505","text":true,"v":"text1"},{"_id":"d7742fdf-2628-d273-8a49-8bc6401f75dc","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["81047e0e-0744-85fc-dd59-f9a940b7fb4a"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"81047e0e-0744-85fc-dd59-f9a940b7fb4a","text":true,"v":"text2"},{"_id":"de063b31-3be3-a958-310c-77e777843a3b","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["7b64ff9a-a8bd-158d-c386-ee2a6fe5d297"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7b64ff9a-a8bd-158d-c386-ee2a6fe5d297","text":true,"v":"text3"},{"_id":"376488dc-7d97-f259-13e9-720c52030641","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["b2cd3231-4a3a-d63b-2b91-23b0eedea762"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b2cd3231-4a3a-d63b-2b91-23b0eedea762","text":true,"v":"text4"},{"_id":"2395b52b-5843-e794-f712-6aa7b8f5608a","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["54ed586c-d130-442f-4741-f0e931aed70f"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"54ed586c-d130-442f-4741-f0e931aed70f","text":true,"v":"text5"},{"_id":"a7727d81-7f53-b91b-2b62-081795f115ff","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["a28bad9a-0dc9-f063-716e-3b60b082b151"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a28bad9a-0dc9-f063-716e-3b60b082b151","text":true,"v":"text6"},{"_id":"3e95fad4-331f-f1c8-9637-a4e7602a0e54","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["6ef12997-d9c9-c9a2-2fb7-9683aa763bbb"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6ef12997-d9c9-c9a2-2fb7-9683aa763bbb","text":true,"v":"text7"},{"_id":"43829d19-3247-59e8-b96e-8bedfa7c7859","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["a0e851c9-8ee1-b1e5-a49f-5c7eef9a11f6"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a0e851c9-8ee1-b1e5-a49f-5c7eef9a11f6","text":true,"v":"text8"},{"_id":"fb24f82b-bfc4-70c5-72f4-bb6284fb7a5e","type":"Heading","tag":"h2","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab54"],"children":["8b08f09a-2100-189f-82a3-9519bb2c92cb"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8b08f09a-2100-189f-82a3-9519bb2c92cb","text":true,"v":"text9"},{"_id":"fb5921e2-27d4-0094-d4af-e7efedf37e53","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab55"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"shadow2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"53164374-d165-0d74-ed58-1975998ffd7e","type":"Block","tag":"div","classes":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab4e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"test"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5e","fake":false,"type":"class","name":"is-9","namespace":"","comb":"&","styleLess":"background-color: #e227cf;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5c","fake":false,"type":"class","name":"is-7","namespace":"","comb":"&","styleLess":"background-color: brown;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab4e","fake":false,"type":"class","name":"anim_test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: whitesmoke;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5d","fake":false,"type":"class","name":"is-8","namespace":"","comb":"&","styleLess":"background-color: grey;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab50","fake":false,"type":"class","name":"anim_service-img","namespace":"","comb":"","styleLess":"position: absolute; left: 74.5%; top: 50%; z-index: 2; width: 20vw; height: 20vw; background-color: red; transform: translate(-50%, -50%);","variants":{"medium":{"styleLess":"left: 50%; top: 85%; width: 40vw; height: 40vw;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab51","fake":false,"type":"class","name":"simg","namespace":"","comb":"","styleLess":"position: absolute; width: 20vw; height: 20vw;","variants":{"medium":{"styleLess":"width: 40vw; height: 40vw;"}},"children":["5de20a9a-f41f-6f5e-96cc-6cb2d472ab56","5de20a9a-f41f-6f5e-96cc-6cb2d472ab57","5de20a9a-f41f-6f5e-96cc-6cb2d472ab58","5de20a9a-f41f-6f5e-96cc-6cb2d472ab59","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5a","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5b","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5c","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5d","5de20a9a-f41f-6f5e-96cc-6cb2d472ab5e"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab55","fake":false,"type":"class","name":"anim_shadow2","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; height: 35%; background-image: linear-gradient(360deg, hsla(0, 0.00%, 0.00%, 0.80), transparent); pointer-events: none;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab52","fake":false,"type":"class","name":"anim_service-text","namespace":"","comb":"","styleLess":"position: relative; left: 50%; top: 50%; overflow: hidden; width: 100%; height: 50vh; background-color: black; transform: translate(-50%, -50%);","variants":{"medium":{"styleLess":"height: 35vh;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab53","fake":false,"type":"class","name":"anim_shadow1","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 35%; background-image: linear-gradient(180deg, hsla(0, 0.00%, 0.00%, 0.80), transparent); pointer-events: none;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab59","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"background-color: purple;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab54","fake":false,"type":"class","name":"text","namespace":"","comb":"","styleLess":"transform: translate(0px, 100%); color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 7vw; line-height: 1.1; font-weight: 400; text-align: center;","variants":{"medium":{"styleLess":"font-size: 10vh;"}},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5b","fake":false,"type":"class","name":"is-6","namespace":"","comb":"&","styleLess":"background-color: pink;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab58","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"background-color: yellow;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab4f","fake":false,"type":"class","name":"anim_services","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; padding-top: 1vw; padding-right: 1vw; padding-bottom: 1vw; padding-left: 1vw; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab57","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"background-color: green;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab5a","fake":false,"type":"class","name":"is-5","namespace":"","comb":"&","styleLess":"background-color: orange;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"5de20a9a-f41f-6f5e-96cc-6cb2d472ab56","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"background-color: blue;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Mouse Move Animation
Newly added
On Hover
Add
On Mouse Move Animation
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
const canvas = document.createElement("canvas");
const page1 = document.querySelector("#page1");
canvas.width = page1.offsetWidth;
canvas.height = page1.offsetHeight;
canvas.style.position = "absolute";
canvas.style.top = "0";
canvas.style.left = "0";
document.querySelector("#page1").appendChild(canvas);
const ctx = canvas.getContext("2d");
let lastX = null;
let lastY = null;
let xMousePos = 0;
let yMousePos = 0;
let lastScrolledLeft = 0;
let lastScrolledTop = 0;
let hasMouseMoved = false;
let isDrawing = true;
ctx.strokeStyle = "rgba(255, 255, 255, 0.5)";
ctx.lineWidth = 18;
ctx.lineCap = "round";
ctx.filter = "blur(20px)";
function drawLine(newX, newY) {
if (lastX !== null && lastY !== null) {
ctx.beginPath();
ctx.moveTo(lastX, lastY);
ctx.lineTo(newX, newY);
ctx.stroke();
}
lastX = newX;
lastY = newY;
}
document.addEventListener('mousemove', function(event){
if (!hasMouseMoved) {
lastX = event.pageX;
lastY = event.pageY;
hasMouseMoved = true;
} else {
xMousePos = event.pageX;
yMousePos = event.pageY;
drawLine(xMousePos, yMousePos);
}
})
window.addEventListener('scroll', function(event){
const xScrollDelta = window.scrollX - lastScrolledLeft;
const yScrollDelta = window.scrollY - lastScrolledTop;
if (xScrollDelta !== 0 || yScrollDelta !== 0) {
xMousePos += xScrollDelta;
yMousePos += yScrollDelta;
drawLine(xMousePos, yMousePos);
}
lastScrolledLeft = window.scrollX;
lastScrolledTop = window.scrollY;
})
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"44039a8b-236f-c74c-3071-e931df6dcda1","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["fe182580-5656-95f7-e7ba-55e1312b2526"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"fe182580-5656-95f7-e7ba-55e1312b2526","type":"Block","tag":"div","classes":["2c91e290-b192-ff53-325a-c0454a019c0f"],"children":["7372df15-8b59-41af-7cd3-9bc67b7ffdd2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7372df15-8b59-41af-7cd3-9bc67b7ffdd2","type":"Block","tag":"div","classes":["b84d3a8e-bd43-b44d-98ba-6599df40d6ab"],"children":["002acd01-f381-9078-65b3-40d66cbca87e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"image"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"002acd01-f381-9078-65b3-40d66cbca87e","type":"Image","tag":"img","classes":["3279ce9d-3397-919d-c3d5-d81e481fe402"],"children":[],"data":{"img":{"id":"67e136124724ddd963402374"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1500,"size":"100vw"},{"max":10000,"size":"1500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"2c91e290-b192-ff53-325a-c0454a019c0f","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; justify-items: center; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr; grid-template-rows: auto;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"b84d3a8e-bd43-b44d-98ba-6599df40d6ab","fake":false,"type":"class","name":"anim_image","namespace":"","comb":"","styleLess":"position: absolute; left: 50%; top: 50%; width: 25vw; height: 20vw; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"3279ce9d-3397-919d-c3d5-d81e481fe402","fake":false,"type":"class","name":"Image","namespace":"","comb":"","styleLess":"height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","siteId":"678f29d0fcbb0271852ac8ba","width":1500,"isHD":false,"height":1000,"fileName":"67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","createdOn":"2025-03-24T10:38:10.799Z","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileHash":"10849dbcbd244ae6bf30b8b633dc0af5","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-500.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-500.webp","size":14026,"format":"webp","width":500,"quality":100,"_id":"67e1361975a7739e2c8a96b5","cdnUrl":"https://cdn.prod.website-files.com/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-800.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-800.webp","size":62994,"format":"webp","width":800,"quality":100,"_id":"67e1361975a7739e2c8a96b6","cdnUrl":"https://cdn.prod.website-files.com/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-1080.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-1080.webp","size":142624,"format":"webp","width":1080,"quality":100,"_id":"67e1361975a7739e2c8a96b7","cdnUrl":"https://cdn.prod.website-files.com/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash-p-1080.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/678f29d0fcbb0271852ac8ba/67e136124724ddd963402374_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","_id":"67e136124724ddd963402374","updatedOn":"2025-03-24T10:39:20.391Z","fileSize":319424,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"443fc3a8-82fd-b8e1-effd-9ab33973c6e0","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["60dcf426-a316-c7c3-9bb9-f8905947a8b0"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"60dcf426-a316-c7c3-9bb9-f8905947a8b0","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["0be02ac3-6679-f220-1f79-04370c03c78d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0be02ac3-6679-f220-1f79-04370c03c78d","type":"Block","tag":"div","classes":["786b529f-3ecc-ac2b-f143-af128144c8c7"],"children":["364cff0a-5a40-6b75-ad9e-b64ab6869e2e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"image"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"364cff0a-5a40-6b75-ad9e-b64ab6869e2e","type":"Image","tag":"img","classes":["786b529f-3ecc-ac2b-f143-af128144c8c8"],"children":[],"data":{"img":{"id":"685cedb189b4e21a294db617"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1500,"size":"100vw"},{"max":10000,"size":"1500px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh; align-items: center;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"786b529f-3ecc-ac2b-f143-af128144c8c7","fake":false,"type":"class","name":"anim_image","namespace":"","comb":"","styleLess":"position: absolute; left: 50%; top: 50%; width: 25vw; height: 20vw; transform: translate(-50%, -50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"786b529f-3ecc-ac2b-f143-af128144c8c8","fake":false,"type":"class","name":"Image 2","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","siteId":"685bdb394bf0a50930de42e2","width":1500,"isHD":false,"height":1000,"fileName":"685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","createdOn":"2025-06-26T06:50:27.215Z","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileHash":"10849dbcbd244ae6bf30b8b633dc0af5","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","size":14026,"format":"webp","width":500,"quality":100,"_id":"67e1361975a7739e2c8a96b5","cdnUrl":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","size":62994,"format":"webp","width":800,"quality":100,"_id":"67e1361975a7739e2c8a96b6","cdnUrl":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","size":142624,"format":"webp","width":1080,"quality":100,"_id":"67e1361975a7739e2c8a96b7","cdnUrl":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","origFileName":"spenser-sembrat-mTVgEaf9klQ-unsplash.webp","fileName":"685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","format":"webp","_id":"685cedb189b4e21a294db61b","cdnUrl":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb394bf0a50930de42e2/685cedb189b4e21a294db617_spenser-sembrat-mTVgEaf9klQ-unsplash.webp","_id":"685cedb189b4e21a294db617","updatedOn":"2025-06-26T06:50:27.216Z","fileSize":319424,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Image reveal 7
Newly added
On Scroll
Add
On Scroll Image reveal 7
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
const tl = gsap.timeline({
scrollTrigger: {
trigger: "#page1",
start: "top top",
end: "600%",
scrub: 3,
pin: true,
}
});
tl.to("#card1", {
top: "50%",
left: "50%",
rotateY: 360,
rotateZ: 0
});
tl.to("#card1", {
top: "-50%",
left: "80%",
rotateY: "+=360",
rotateZ: -45
});
tl.to("#card2", {
top: "50%",
left: "50%",
rotateY: 360,
rotateZ: 0
});
tl.to("#card2", {
top: "-50%",
left: "80%",
rotateY: "+=360",
rotateZ: -45
});
tl.to("#card3", {
top: "50%",
left: "50%",
rotateY: 360,
rotateZ: 0
});
tl.to("#card3", {
top: "-50%",
left: "80%",
rotateY: "+=360",
rotateZ: -45
});
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f20ab008-5ca6-d9dd-b746-1ae9497c26d9","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["57881ade-8ac7-7760-cbca-caa76307f619","08ecfce4-f546-f4d4-f259-bea4ca7ec99e","964e668d-7bb6-28db-cdd4-3d114a6274f9"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"57881ade-8ac7-7760-cbca-caa76307f619","type":"Block","tag":"div","classes":["eabbc8fa-fe5a-b65b-56c3-b7355efa051d"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"08ecfce4-f546-f4d4-f259-bea4ca7ec99e","type":"Block","tag":"div","classes":["2c91e290-b192-ff53-325a-c0454a019c0f"],"children":["22daf4ea-048f-a9ba-ac3d-eeadb0e32f3f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"22daf4ea-048f-a9ba-ac3d-eeadb0e32f3f","type":"Block","tag":"div","classes":["be2bf507-b799-ea5d-026a-fc5b74336ee5"],"children":["3eb448d3-9e95-6c57-9b08-9424b9ff80d4","05af1db9-ef05-97be-6eec-4dbdb57eb68a","20e7db7f-6e41-5950-f98f-f9c6c5db3b36"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card-content"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3eb448d3-9e95-6c57-9b08-9424b9ff80d4","type":"Block","tag":"div","classes":["8e1547a3-a421-97ad-271d-1e933bfeebf9","87ef2fb1-a60f-b0e8-7ebf-d571cb9f56b5"],"children":["77e0b642-6b26-29cb-35f0-1a6f2622a43c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"77e0b642-6b26-29cb-35f0-1a6f2622a43c","type":"Image","tag":"img","classes":["52f0210a-5abf-49fc-1661-1a19ff163121"],"children":[],"data":{"img":{"id":"678e2dd9175cd574fac61977"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61977_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.jpg","loading":"lazy","id":""},"sizes":[{"max":640,"size":"100vw"},{"max":10000,"size":"640px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"05af1db9-ef05-97be-6eec-4dbdb57eb68a","type":"Block","tag":"div","classes":["8e1547a3-a421-97ad-271d-1e933bfeebf9","38367003-8f06-8910-20fd-33fe1fc449fd"],"children":["2b5e91c8-e351-a0c2-0581-fd9853a6065c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b5e91c8-e351-a0c2-0581-fd9853a6065c","type":"Image","tag":"img","classes":["52f0210a-5abf-49fc-1661-1a19ff163121"],"children":[],"data":{"img":{"id":"678e2dd9175cd574fac61978"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61978_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.JPG","loading":"lazy","id":""},"sizes":[{"max":640,"size":"100vw"},{"max":10000,"size":"640px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"20e7db7f-6e41-5950-f98f-f9c6c5db3b36","type":"Block","tag":"div","classes":["8e1547a3-a421-97ad-271d-1e933bfeebf9","1193648b-417c-889b-a752-dafab2149877"],"children":["015f31c0-fbeb-2e9a-ff93-83e3d69b783a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"015f31c0-fbeb-2e9a-ff93-83e3d69b783a","type":"Image","tag":"img","classes":["52f0210a-5abf-49fc-1661-1a19ff163121"],"children":[],"data":{"img":{"id":"678e2dd9175cd574fac61989"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61989_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.jpg","loading":"lazy","id":""},"sizes":[{"max":640,"size":"100vw"},{"max":10000,"size":"640px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"964e668d-7bb6-28db-cdd4-3d114a6274f9","type":"Block","tag":"div","classes":["eabbc8fa-fe5a-b65b-56c3-b7355efa051d"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"87ef2fb1-a60f-b0e8-7ebf-d571cb9f56b5","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"background-color: red;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"eabbc8fa-fe5a-b65b-56c3-b7355efa051d","fake":false,"type":"class","name":"test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: #0e0e0e;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"2c91e290-b192-ff53-325a-c0454a019c0f","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; justify-items: center; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr; grid-template-rows: auto; background-color: #0e0e0e;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"52f0210a-5abf-49fc-1661-1a19ff163121","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"be2bf507-b799-ea5d-026a-fc5b74336ee5","fake":false,"type":"class","name":"card_content","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100%; transform-style: @raw<|preserve-3d|>; perspective: @raw<|1000px|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"38367003-8f06-8910-20fd-33fe1fc449fd","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"background-color: blue;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"8e1547a3-a421-97ad-271d-1e933bfeebf9","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; left: 80%; top: 150%; width: 15vmax; height: 20vmax; transform: rotate(45deg) translate(-50%, -50%);","variants":{"medium":{"styleLess":"left: 70%; width: 25vmax; height: 30vmax;"}},"children":["87ef2fb1-a60f-b0e8-7ebf-d571cb9f56b5","38367003-8f06-8910-20fd-33fe1fc449fd","1193648b-417c-889b-a752-dafab2149877"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"1193648b-417c-889b-a752-dafab2149877","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"background-color: green;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","siteId":"678e2dd9175cd574fac6199c","width":640,"isHD":false,"height":966,"fileName":"678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","createdOn":"2025-01-09T05:34:33.097Z","origFileName":"yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","fileHash":"4b823d97b97479077ce887815a357de2","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc-p-500.webp","origFileName":"yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","fileName":"678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc-p-500.webp","size":36040,"format":"webp","width":500,"quality":100,"_id":"688739ded362b1b6257adef3","cdnUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc-p-500.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61977_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","_id":"678e2dd9175cd574fac61977","updatedOn":"2025-07-28T08:51:09.496Z","fileSize":54532,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","siteId":"678e2dd9175cd574fac6199c","width":640,"isHD":false,"height":960,"fileName":"678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","createdOn":"2025-01-09T05:34:38.953Z","origFileName":"thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","fileHash":"573ca397d65095b1a6854aced045de89","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc-p-500.webp","origFileName":"thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","fileName":"678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc-p-500.webp","size":48678,"format":"webp","width":500,"quality":100,"_id":"688739ebdddd13f989d7097e","cdnUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc-p-500.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61978_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","_id":"678e2dd9175cd574fac61978","updatedOn":"2025-07-28T08:51:09.494Z","fileSize":85808,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","siteId":"678e2dd9175cd574fac6199c","width":640,"isHD":false,"height":893,"fileName":"678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","createdOn":"2025-01-08T09:47:29.535Z","origFileName":"top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","fileHash":"a4fd751135704240bdfce18929acbc89","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc-p-500.webp","origFileName":"top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","fileName":"678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc-p-500.webp","size":70558,"format":"webp","width":500,"quality":100,"_id":"688739f35d24d8ac2c2e1a7a","cdnUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc-p-500.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd9175cd574fac6199c/678e2dd9175cd574fac61989_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","_id":"678e2dd9175cd574fac61989","updatedOn":"2025-07-28T08:51:09.499Z","fileSize":123536,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6baaa016-a25e-c161-aed6-de04744e2b8e","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["38722b99-75df-2a8f-ad99-2954d432aaba","2b7e5785-b9cd-6786-c8d4-ad8c87de4f21","3fe255a9-a6f3-acd9-cf47-7f4cfa81bc74"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"38722b99-75df-2a8f-ad99-2954d432aaba","type":"Block","tag":"div","classes":["67c0d392-0de4-e359-f4e7-de5962914ae6"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b7e5785-b9cd-6786-c8d4-ad8c87de4f21","type":"Block","tag":"div","classes":["e9616588-5346-92a6-3cf5-2bc6e0fd9443"],"children":["35d28642-23bf-8893-b48f-fca0999c5dbd"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"35d28642-23bf-8893-b48f-fca0999c5dbd","type":"Block","tag":"div","classes":["cef94add-0fb5-2355-9640-b899c5df9bbe"],"children":["ffa1f291-6090-4879-2edc-8b6a5d46a234","4c9322ae-d6ea-1601-cb45-bd643bffbd6b","4921b10c-e28e-ef98-6536-88e1d3dbd96f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card-content"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ffa1f291-6090-4879-2edc-8b6a5d46a234","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","cef94add-0fb5-2355-9640-b899c5df9bbf"],"children":["b10481d8-6fc4-9af4-d0b1-42e6d0a07171"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b10481d8-6fc4-9af4-d0b1-42e6d0a07171","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685cde57af3d69185571c1e7"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","loading":"lazy","id":""},"sizes":[{"max":640,"size":"100vw"},{"max":10000,"size":"640px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4c9322ae-d6ea-1601-cb45-bd643bffbd6b","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","cef94add-0fb5-2355-9640-b899c5df9bc0"],"children":["e54db4d8-2f7d-7a95-1f7a-3a3d34054c14"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e54db4d8-2f7d-7a95-1f7a-3a3d34054c14","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685cde57af3d69185571c1eb"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1eb_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","loading":"lazy","id":""},"sizes":[{"max":640,"size":"100vw"},{"max":10000,"size":"640px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4921b10c-e28e-ef98-6536-88e1d3dbd96f","type":"Block","tag":"div","classes":["6a528814-2343-f742-3764-e5814dd4be45","cef94add-0fb5-2355-9640-b899c5df9bc1"],"children":["72cfa7be-ec0b-a6e0-aa2e-af8ebca9b3ab"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"card3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"72cfa7be-ec0b-a6e0-aa2e-af8ebca9b3ab","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"685cde57af3d69185571c1e9"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e9_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","loading":"lazy","id":""},"sizes":[{"max":640,"size":"100vw"},{"max":10000,"size":"640px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3fe255a9-a6f3-acd9-cf47-7f4cfa81bc74","type":"Block","tag":"div","classes":["67c0d392-0de4-e359-f4e7-de5962914ae6"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"4a1bff29-f0bf-99e7-f985-30bf93bcfe42","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cef94add-0fb5-2355-9640-b899c5df9bc0","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"background-color: blue;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"e9616588-5346-92a6-3cf5-2bc6e0fd9443","fake":false,"type":"class","name":"anim_page1","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; align-items: center; background-color: #0e0e0e;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"67c0d392-0de4-e359-f4e7-de5962914ae6","fake":false,"type":"class","name":"test","namespace":"","comb":"","styleLess":"width: 100%; height: 100vh; background-color: #0e0e0e;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cef94add-0fb5-2355-9640-b899c5df9bbe","fake":false,"type":"class","name":"card_content","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100%; transform-style: @raw<|preserve-3d|>; perspective: @raw<|1000px|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"6a528814-2343-f742-3764-e5814dd4be45","fake":false,"type":"class","name":"card","namespace":"","comb":"","styleLess":"position: absolute; left: 80%; top: 150%; width: 15vw; height: 20vw; transform: rotate(45deg) translate(-50%, -50%);","variants":{"medium":{"styleLess":"width: 35vw; height: 40vh;"},"small":{"styleLess":"width: 30vw; height: 50vh;"},"tiny":{"styleLess":"width: 45vw;"}},"children":["cef94add-0fb5-2355-9640-b899c5df9bbf","cef94add-0fb5-2355-9640-b899c5df9bc0","cef94add-0fb5-2355-9640-b899c5df9bc1"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"overflow: clip; flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"cef94add-0fb5-2355-9640-b899c5df9bbf","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"background-color: red;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cef94add-0fb5-2355-9640-b899c5df9bc1","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"background-color: green;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","siteId":"685bdb36953edfb60f8d6dda","width":640,"isHD":false,"height":966,"fileName":"685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","createdOn":"2025-06-26T05:44:55.258Z","origFileName":"yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","fileHash":"4b823d97b97479077ce887815a357de2","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc-p-500.webp","origFileName":"yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","fileName":"685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc-p-500.webp","size":36040,"format":"webp","width":500,"quality":100,"_id":"68873a9e88c36dac8f217082","cdnUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc-p-500.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e7_60206e52b30275e28ce5d643fe6dad2c_yellow-lifeguard-tower-with-the-4x4-parked-next-to-2025-01-08-20-40-02-utc.webp","_id":"685cde57af3d69185571c1e7","updatedOn":"2025-07-28T08:54:10.557Z","fileSize":54532,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","siteId":"685bdb36953edfb60f8d6dda","width":640,"isHD":false,"height":960,"fileName":"685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","createdOn":"2025-06-26T05:44:55.262Z","origFileName":"thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","fileHash":"573ca397d65095b1a6854aced045de89","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc-p-500.webp","origFileName":"thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","fileName":"685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc-p-500.webp","size":48678,"format":"webp","width":500,"quality":100,"_id":"68873aa287ea8f930bdeba7c","cdnUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc-p-500.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1eb_e04fdd50ce44b13da9d7078f5933164b_thunder-storm-sky-rain-clouds-2023-11-27-05-15-23-utc.webp","_id":"685cde57af3d69185571c1eb","updatedOn":"2025-07-28T08:54:10.589Z","fileSize":85808,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","siteId":"685bdb36953edfb60f8d6dda","width":640,"isHD":false,"height":893,"fileName":"685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","createdOn":"2025-06-26T05:44:55.264Z","origFileName":"top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","fileHash":"a4fd751135704240bdfce18929acbc89","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc-p-500.webp","origFileName":"top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","fileName":"685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc-p-500.webp","size":70558,"format":"webp","width":500,"quality":100,"_id":"68873aaafe883f7314739a6a","cdnUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc-p-500.webp"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb36953edfb60f8d6dda/685cde57af3d69185571c1e9_023a7c8983531e72c804edf2d5b086ce_top-of-the-rock-in-new-york-new-tall-buildings-ra-2024-12-09-04-16-44-utc.webp","_id":"685cde57af3d69185571c1e9","updatedOn":"2025-07-28T08:54:10.584Z","fileSize":123536,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Image reveal 6
Newly added
On Scroll
Add
On Scroll Image reveal 6
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.27/bundled/lenis.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
const lenis = new Lenis({
duration: 1.2,
easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
orientation: 'vertical',
smoothWheel: true
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
function sliderEffect() {
const tl = gsap.timeline({
scrollTrigger: {
trigger: "#page4",
start: "top top",
end: "200%",
pin: true,
scrub: 2,
onUpdate: (self) => {
const progress = self.progress;
console.log(progress);
gsap.to("#slide1", { opacity: progress > 0 ? 1 : 0, duration: 0.5 });
gsap.to("#slide2", { opacity: progress > 0.25 ? 1 : 0, duration: 0.5 });
gsap.to("#img5", { opacity: progress > 0.31 ? 0 : 1, duration: 0.5 });
gsap.to("#slide3", { opacity: progress > 0.35 ? 1 : 0, duration: 0.5 });
gsap.to("#img4", { opacity: progress > 0.44 ? 0 : 1, duration: 0.5 });
gsap.to("#slide4", { opacity: progress > 0.45 ? 1 : 0, duration: 0.5 });
gsap.to("#img3", { opacity: progress > 0.51 ? 0 : 1, duration: 0.5 });
gsap.to("#slide5", { opacity: progress > 0.55 ? 1 : 0, duration: 0.5 });
gsap.to("#img2", { opacity: progress > 0.64 ? 0 : 1, duration: 0.5 });
},
},
});
tl.to(
"#slide1",
{
transform: "translate3d(-50%, -50%, 5000px)",
},
"a"
);
tl.to(
"#slide2",
{
transform: "translate3d(-50%, -50%, 5000px)",
},
"a"
);
tl.to(
"#slide3",
{
transform: "translate3d(-50%, -50%, 5000px)",
},
"a"
);
tl.to(
"#slide4",
{
transform: "translate3d(-50%, -50%, 5000px)",
},
"a"
);
tl.to(
"#slide5",
{
transform: "translate3d(-50%, -50%, 5000px)",
},
"a"
);
}
sliderEffect();
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"af6b624a-6e26-8397-f6e6-a67e232a8aac","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["d9753e9d-80f3-64d1-17cd-2feb96984df2"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"d9753e9d-80f3-64d1-17cd-2feb96984df2","type":"Block","tag":"div","classes":["42d950ff-958b-badb-55e9-e3a8fcbb9aaf"],"children":["172c776e-69a6-0bd5-858d-8f5a848ab417","34e3b672-0bfd-9392-15b2-01d24b7e03f0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"172c776e-69a6-0bd5-858d-8f5a848ab417","type":"Block","tag":"div","classes":["ee6677ef-31a1-0974-950f-5efbbea79e80"],"children":["5feac069-f689-89a5-ddd3-156173069f62","69791b7f-4c60-38c7-0d57-1a80b4aa4314","dd47b5ff-8651-63ad-0466-fb64df7c6922","6a0cea25-57af-ea37-0071-cdd628a208e2","a2f3e5fc-f8c4-0123-ec2c-ac16ac153975"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"images"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5feac069-f689-89a5-ddd3-156173069f62","type":"Block","tag":"div","classes":["248afcb3-4343-bd25-8d70-81565f0f122b"],"children":["08f6b8f2-5462-aaf1-5206-d7c68594bfbe"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"08f6b8f2-5462-aaf1-5206-d7c68594bfbe","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e129a0ade0ad8108ced6b2"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"69791b7f-4c60-38c7-0d57-1a80b4aa4314","type":"Block","tag":"div","classes":["248afcb3-4343-bd25-8d70-81565f0f122b"],"children":["68855e6f-b3bc-715a-bf04-97e8c90141bd"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"68855e6f-b3bc-715a-bf04-97e8c90141bd","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f1910f7431689ec15"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd47b5ff-8651-63ad-0466-fb64df7c6922","type":"Block","tag":"div","classes":["248afcb3-4343-bd25-8d70-81565f0f122b"],"children":["659f4295-b344-e9e6-4863-e8a5f6d2c5a7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"659f4295-b344-e9e6-4863-e8a5f6d2c5a7","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f365b80dc01909a4e"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a0cea25-57af-ea37-0071-cdd628a208e2","type":"Block","tag":"div","classes":["248afcb3-4343-bd25-8d70-81565f0f122b"],"children":["a6e532a3-7e8a-f64d-a404-3db0a841d8e1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6e532a3-7e8a-f64d-a404-3db0a841d8e1","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f4fbc512cd2882094"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a2f3e5fc-f8c4-0123-ec2c-ac16ac153975","type":"Block","tag":"div","classes":["248afcb3-4343-bd25-8d70-81565f0f122b"],"children":["0d851da3-56c5-f7ba-2000-8a6a44c8bd78"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0d851da3-56c5-f7ba-2000-8a6a44c8bd78","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f36220ce31602d7ab"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"34e3b672-0bfd-9392-15b2-01d24b7e03f0","type":"Block","tag":"div","classes":["21007476-cf4f-4a0d-54f1-d95fa6455350"],"children":["1756e184-f848-eda3-a947-85724bd169d1","1a9fbe3b-2349-c104-6c02-ab8d2663a522","8bd89855-ae48-522d-454a-7d107993e113","fc11a836-da6a-359a-f3e5-8c3e14230eab","a35e357a-75bd-3ffc-e87a-350a285f0136"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"works"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1756e184-f848-eda3-a947-85724bd169d1","type":"Block","tag":"div","classes":["71af122f-7c5b-6b78-ef4d-65088e5105f5","152fbad7-bcb1-f0e6-de54-6bd4cfbd517b"],"children":["59f93768-0351-45ea-ff2d-64cf47757112"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"59f93768-0351-45ea-ff2d-64cf47757112","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f36220ce31602d7ab"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_jordan-steranka-64LL2fP9uXM-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a9fbe3b-2349-c104-6c02-ab8d2663a522","type":"Block","tag":"div","classes":["71af122f-7c5b-6b78-ef4d-65088e5105f5","4d3ea908-d78e-a10a-a8bf-5bdddc38aaa0"],"children":["87b642b1-58b2-4bd4-7733-f992ef78c75b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"87b642b1-58b2-4bd4-7733-f992ef78c75b","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f4fbc512cd2882094"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_pascal-bullan-2OQEaRFwJdI-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8bd89855-ae48-522d-454a-7d107993e113","type":"Block","tag":"div","classes":["71af122f-7c5b-6b78-ef4d-65088e5105f5","236e67d0-4100-398a-646a-cf54a7569c2d"],"children":["095345d9-eaa8-714e-9a9a-8f265fdbb6be"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"095345d9-eaa8-714e-9a9a-8f265fdbb6be","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f365b80dc01909a4e"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_zhen-mogila-iYw2XrxRslA-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fc11a836-da6a-359a-f3e5-8c3e14230eab","type":"Block","tag":"div","classes":["71af122f-7c5b-6b78-ef4d-65088e5105f5","d9ea597f-a2fa-d1cf-530f-b827f3f38b1d"],"children":["4c5b89bf-c4cf-19ff-16e4-a73a501da71b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4c5b89bf-c4cf-19ff-16e4-a73a501da71b","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e1299f1910f7431689ec15"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_patrick-bald-llZIWkNGzS4-unsplash.jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a35e357a-75bd-3ffc-e87a-350a285f0136","type":"Block","tag":"div","classes":["71af122f-7c5b-6b78-ef4d-65088e5105f5"],"children":["82dd9c08-ef14-3ba1-c38b-978b420538d2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"82dd9c08-ef14-3ba1-c38b-978b420538d2","type":"Image","tag":"img","classes":["76a460d1-9b05-a7b2-cf28-5723170c338b"],"children":[],"data":{"img":{"id":"67e129a0ade0ad8108ced6b2"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_luca-bravo-WeFDiEDModQ-unsplash.webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"d9ea597f-a2fa-d1cf-530f-b827f3f38b1d","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 70%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -30000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"152fbad7-bcb1-f0e6-de54-6bd4cfbd517b","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 30%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -5000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"42d950ff-958b-badb-55e9-e3a8fcbb9aaf","fake":false,"type":"class","name":"anim_page","namespace":"","comb":"","styleLess":"position: relative; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"ee6677ef-31a1-0974-950f-5efbbea79e80","fake":false,"type":"class","name":"image_wrapper","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"76a460d1-9b05-a7b2-cf28-5723170c338b","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"21007476-cf4f-4a0d-54f1-d95fa6455350","fake":false,"type":"class","name":"anim_work","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; width: 100%; height: 100vh; transform-style: @raw<|preserve-3d|>; perspective: @raw<|750px|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"71af122f-7c5b-6b78-ef4d-65088e5105f5","fake":false,"type":"class","name":"slide","namespace":"","comb":"","styleLess":"position: absolute; left: 30%; top: 50%; z-index: 99; width: 15vw; height: 20vw; transform: @raw<|translate3d(-50%, -50%, -40000px)|>;","variants":{},"children":["152fbad7-bcb1-f0e6-de54-6bd4cfbd517b","4d3ea908-d78e-a10a-a8bf-5bdddc38aaa0","236e67d0-4100-398a-646a-cf54a7569c2d","d9ea597f-a2fa-d1cf-530f-b827f3f38b1d"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"248afcb3-4343-bd25-8d70-81565f0f122b","fake":false,"type":"class","name":"img","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: blur(50px) brightness(50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"236e67d0-4100-398a-646a-cf54a7569c2d","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 30%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -15000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"4d3ea908-d78e-a10a-a8bf-5bdddc38aaa0","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 70%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -10000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash.webp","siteId":"678e2dd320f4f3123b894c87","width":1920,"isHD":false,"height":2883,"fileName":"67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash.webp","createdOn":"2025-03-24T09:45:04.131Z","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileHash":"bd0e78fe783c39ec6c6aa13894b1a4da","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp","size":48068,"format":"webp","width":500,"quality":100,"_id":"6884aef69ed151f169d6894a","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp","size":91710,"format":"webp","width":800,"quality":100,"_id":"6884aef69ed151f169d6894b","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp","origFileName":"luca-bravo-WeFDiEDModQ-unsplash.webp","fileName":"67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp","size":135102,"format":"webp","width":1080,"quality":100,"_id":"6884aef69ed151f169d6894c","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-1080.webp"},{"origFileName":"4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-1600.jpg","fileName":"67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash-p-1600.jpg","size":389254,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884aef69ed151f169d6894d"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e129a0ade0ad8108ced6b2_4d57ab10a773c6ad11d32232817d187d_luca-bravo-WeFDiEDModQ-unsplash.webp","_id":"67e129a0ade0ad8108ced6b2","updatedOn":"2025-07-26T10:35:47.177Z","fileSize":277738,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash.webp","siteId":"678e2dd320f4f3123b894c87","width":1920,"isHD":false,"height":2883,"fileName":"67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash.webp","createdOn":"2025-03-24T09:45:03.581Z","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileHash":"5122b066a5ff32147fda1aecee0ff7c4","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp","size":45914,"format":"webp","width":500,"quality":100,"_id":"6884aee987543ef5d4f9c1c5","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp","size":93906,"format":"webp","width":800,"quality":100,"_id":"6884aee987543ef5d4f9c1c6","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp","origFileName":"patrick-bald-llZIWkNGzS4-unsplash.webp","fileName":"67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp","size":142568,"format":"webp","width":1080,"quality":100,"_id":"6884aee987543ef5d4f9c1c7","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-1080.webp"},{"origFileName":"d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-1600.jpg","fileName":"67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash-p-1600.jpg","size":423141,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884aee987543ef5d4f9c1c8"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f1910f7431689ec15_d2cacc0d1882d59f68ce4e331d9dacbf_patrick-bald-llZIWkNGzS4-unsplash.webp","_id":"67e1299f1910f7431689ec15","updatedOn":"2025-07-26T10:35:47.182Z","fileSize":298220,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash.webp","siteId":"678e2dd320f4f3123b894c87","width":1920,"isHD":false,"height":3051,"fileName":"67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash.webp","createdOn":"2025-03-24T09:45:03.906Z","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileHash":"e78c824d7e35f40ba0ba6b2a1a75969d","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp","size":36744,"format":"webp","width":500,"quality":100,"_id":"6884aed9486e9c6d7e071bf8","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp","size":66986,"format":"webp","width":800,"quality":100,"_id":"6884aed9486e9c6d7e071bf9","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp","origFileName":"zhen-mogila-iYw2XrxRslA-unsplash.webp","fileName":"67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp","size":97676,"format":"webp","width":1080,"quality":100,"_id":"6884aed9486e9c6d7e071bfa","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-1080.webp"},{"origFileName":"cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.jpg","fileName":"67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash-p-1600.jpg","size":314783,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884aed9486e9c6d7e071bfb"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f365b80dc01909a4e_cd4b0109ab58e14641b10e330a01c738_zhen-mogila-iYw2XrxRslA-unsplash.webp","_id":"67e1299f365b80dc01909a4e","updatedOn":"2025-07-26T10:35:47.142Z","fileSize":198104,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash.webp","siteId":"678e2dd320f4f3123b894c87","width":1920,"isHD":false,"height":2940,"fileName":"67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash.webp","createdOn":"2025-03-24T09:45:03.949Z","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileHash":"6645f373c97916ed5380ec06527d2fc1","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp","size":37304,"format":"webp","width":500,"quality":100,"_id":"6884aebdaf2bbf37a934e565","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp","size":67042,"format":"webp","width":800,"quality":100,"_id":"6884aebdaf2bbf37a934e566","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp","origFileName":"pascal-bullan-2OQEaRFwJdI-unsplash.webp","fileName":"67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp","size":97364,"format":"webp","width":1080,"quality":100,"_id":"6884aebdaf2bbf37a934e567","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-1080.webp"},{"origFileName":"45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.jpg","fileName":"67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash-p-1600.jpg","size":307501,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884aebdaf2bbf37a934e568"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f4fbc512cd2882094_45b9893e63f77f44196ef994d4bbf24a_pascal-bullan-2OQEaRFwJdI-unsplash.webp","_id":"67e1299f4fbc512cd2882094","updatedOn":"2025-07-26T10:35:47.700Z","fileSize":189476,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash.webp","siteId":"678e2dd320f4f3123b894c87","width":1920,"isHD":false,"height":2958,"fileName":"67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash.webp","createdOn":"2025-03-24T09:45:03.735Z","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileHash":"2d1a993740926ff4863d1e68f25c0e0f","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp","size":36718,"format":"webp","width":500,"quality":100,"_id":"6884ae5c58265de27da68d11","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp","size":66020,"format":"webp","width":800,"quality":100,"_id":"6884ae5c58265de27da68d12","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp","origFileName":"jordan-steranka-64LL2fP9uXM-unsplash.webp","fileName":"67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp","size":95544,"format":"webp","width":1080,"quality":100,"_id":"6884ae5c58265de27da68d13","cdnUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-1080.webp"},{"origFileName":"627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.jpg","fileName":"67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash-p-1600.jpg","size":298858,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884ae5c58265de27da68d14"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash.webp","thumbUrl":"https://cdn.prod.website-files.com/678e2dd320f4f3123b894c87/67e1299f36220ce31602d7ab_627bdc583b362acadd9a61146c38423e_jordan-steranka-64LL2fP9uXM-unsplash.webp","_id":"67e1299f36220ce31602d7ab","updatedOn":"2025-07-26T10:35:47.081Z","fileSize":186390,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c971d177-0265-3045-4cc9-d917a440167c","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f4f3b42e-6627-0aa7-f348-3d1c0d102bbf"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f4f3b42e-6627-0aa7-f348-3d1c0d102bbf","type":"Block","tag":"div","classes":["9e760a31-1803-f29e-69c4-1fec0de1c88e"],"children":["44e1b8bc-fc20-bb8f-3f24-70ebb2f5ae05","1746ea68-489b-f59c-9a03-a100e3217aea"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"page4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"44e1b8bc-fc20-bb8f-3f24-70ebb2f5ae05","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc18"],"children":["244ba50a-30da-47eb-66f4-a58e41c85c5d","3343c1c8-15c5-d3fa-b594-d9b33353b754","ebde26a7-dde5-a76e-b0e5-95c26c2c9600","37f964d2-f60d-8905-03f3-f35e6db2495f","8a675058-98d3-7229-c0a1-245462610d5a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"images"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"244ba50a-30da-47eb-66f4-a58e41c85c5d","type":"Block","tag":"div","classes":["2316f05b-11e5-1d1c-ac85-1b679de10da1"],"children":["6adf0767-e71a-1e17-3a84-3dda60ccba9b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6adf0767-e71a-1e17-3a84-3dda60ccba9b","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8af486e9c6d7e08fafc"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1).webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3343c1c8-15c5-d3fa-b594-d9b33353b754","type":"Block","tag":"div","classes":["2316f05b-11e5-1d1c-ac85-1b679de10da1"],"children":["b14565d2-e1d6-4d4e-02eb-80b1289f1055"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b14565d2-e1d6-4d4e-02eb-80b1289f1055","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8afea775e47675f7ab6"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1).webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ebde26a7-dde5-a76e-b0e5-95c26c2c9600","type":"Block","tag":"div","classes":["2316f05b-11e5-1d1c-ac85-1b679de10da1"],"children":["6ec803c4-f228-58af-9a19-b902219ed2b2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6ec803c4-f228-58af-9a19-b902219ed2b2","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8af669a78282b2f87f0"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1).webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"37f964d2-f60d-8905-03f3-f35e6db2495f","type":"Block","tag":"div","classes":["2316f05b-11e5-1d1c-ac85-1b679de10da1"],"children":["1566770b-33a4-5210-c150-b6f74e882762"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1566770b-33a4-5210-c150-b6f74e882762","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8af387251b0ccff30fc"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1).webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8a675058-98d3-7229-c0a1-245462610d5a","type":"Block","tag":"div","classes":["2316f05b-11e5-1d1c-ac85-1b679de10da1"],"children":["f2ad1e68-eb47-6e9d-425d-51ede8050055"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"img5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f2ad1e68-eb47-6e9d-425d-51ede8050055","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8afab719c8ed2008ce5"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1).webp","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1746ea68-489b-f59c-9a03-a100e3217aea","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc19"],"children":["383ab48c-d150-1fe8-aa9d-9dbc962aa00b","90add0ab-2007-7287-8ced-14d1cffc6b2b","76ea1d8a-9bde-b757-6e09-e3c584c469e2","d664d96c-9892-c50a-30e7-456b999e9156","2d07e04d-f43e-b85e-32b0-f4c76892301c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"works"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"383ab48c-d150-1fe8-aa9d-9dbc962aa00b","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc1a","c62b8835-3fc9-0998-f174-c2e74f36bc1b"],"children":["a231c7ee-6367-58d0-e29b-2d88935838da"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide1"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a231c7ee-6367-58d0-e29b-2d88935838da","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8afab719c8ed2008ce5"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1).jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"90add0ab-2007-7287-8ced-14d1cffc6b2b","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc1a","c62b8835-3fc9-0998-f174-c2e74f36bc1c"],"children":["1326b89c-19de-fff8-faed-133fab51a676"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1326b89c-19de-fff8-faed-133fab51a676","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8af387251b0ccff30fc"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1).jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"76ea1d8a-9bde-b757-6e09-e3c584c469e2","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc1a","c62b8835-3fc9-0998-f174-c2e74f36bc1d"],"children":["97f55ce2-c251-bcef-d1df-e2199c225798"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"97f55ce2-c251-bcef-d1df-e2199c225798","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8af669a78282b2f87f0"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1).jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d664d96c-9892-c50a-30e7-456b999e9156","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc1a","c62b8835-3fc9-0998-f174-c2e74f36bc1e"],"children":["2e3c020d-47d5-874f-a348-d0f448ca4ed6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2e3c020d-47d5-874f-a348-d0f448ca4ed6","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8afea775e47675f7ab6"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1).jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2d07e04d-f43e-b85e-32b0-f4c76892301c","type":"Block","tag":"div","classes":["c62b8835-3fc9-0998-f174-c2e74f36bc1a"],"children":["e46d141b-cacd-c310-7cd2-0bfd83fa5339"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"slide5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e46d141b-cacd-c310-7cd2-0bfd83fa5339","type":"Image","tag":"img","classes":["4a1bff29-f0bf-99e7-f985-30bf93bcfe42"],"children":[],"data":{"img":{"id":"6884b8af486e9c6d7e08fafc"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1).jpg","loading":"lazy","id":""},"sizes":[{"max":1920,"size":"100vw"},{"max":10000,"size":"1920px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc19","fake":false,"type":"class","name":"anim_work","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; width: 100%; height: 100vh; transform-style: @raw<|preserve-3d|>; perspective: @raw<|750px|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc1b","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"left: 30%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -5000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"4a1bff29-f0bf-99e7-f985-30bf93bcfe42","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc1e","fake":false,"type":"class","name":"is-4","namespace":"","comb":"&","styleLess":"left: 70%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -30000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc1d","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"left: 30%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -15000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc1a","fake":false,"type":"class","name":"slide","namespace":"","comb":"","styleLess":"position: absolute; left: 30%; top: 50%; z-index: 99; width: 15vw; height: 20vw; transform: @raw<|translate3d(-50%, -50%, -40000px)|>;","variants":{},"children":["c62b8835-3fc9-0998-f174-c2e74f36bc1b","c62b8835-3fc9-0998-f174-c2e74f36bc1c","c62b8835-3fc9-0998-f174-c2e74f36bc1d","c62b8835-3fc9-0998-f174-c2e74f36bc1e"],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"9e760a31-1803-f29e-69c4-1fec0de1c88e","fake":false,"type":"class","name":"anim_page","namespace":"","comb":"","styleLess":"position: relative; background-color: black;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"2316f05b-11e5-1d1c-ac85-1b679de10da1","fake":false,"type":"class","name":"img","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: blur(50px) brightness(50%);","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc18","fake":false,"type":"class","name":"image_wrapper","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 100vh;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c62b8835-3fc9-0998-f174-c2e74f36bc1c","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"left: 70%; top: 50%; transform: @raw<|translate3d(-50%, -50%, -10000px)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1).webp","siteId":"685bdb3498f71f27eb9d6e1c","width":1920,"isHD":false,"height":2883,"fileName":"6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash (1).webp","createdOn":"2025-07-26T11:14:55.867Z","origFileName":"eugene-golovesov-JL2G9SLfHks-unsplash (1).webp","fileHash":"bd0e78fe783c39ec6c6aa13894b1a4da","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-500.webp","origFileName":"eugene-golovesov-JL2G9SLfHks-unsplash (1).webp","fileName":"6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash (1)-p-500.webp","size":48068,"format":"webp","width":500,"quality":100,"_id":"6884b8b476d274c495405064","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-800.webp","origFileName":"eugene-golovesov-JL2G9SLfHks-unsplash (1).webp","fileName":"6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash (1)-p-800.webp","size":91710,"format":"webp","width":800,"quality":100,"_id":"6884b8b476d274c495405065","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-1080.webp","origFileName":"eugene-golovesov-JL2G9SLfHks-unsplash (1).webp","fileName":"6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash (1)-p-1080.webp","size":135102,"format":"webp","width":1080,"quality":100,"_id":"6884b8b476d274c495405066","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-1080.webp"},{"origFileName":"eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-1600.jpg","fileName":"6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1)-p-1600.jpg","size":389254,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884b8b476d274c495405067"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1).webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af486e9c6d7e08fafc_eugene-golovesov-JL2G9SLfHks-unsplash%20(1).webp","_id":"6884b8af486e9c6d7e08fafc","updatedOn":"2025-07-26T11:15:54.440Z","fileSize":277738,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1).webp","siteId":"685bdb3498f71f27eb9d6e1c","width":1920,"isHD":false,"height":2883,"fileName":"6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash (1).webp","createdOn":"2025-07-26T11:14:55.889Z","origFileName":"eugene-golovesov-yLbUNnaY5Qw-unsplash (1).webp","fileHash":"5122b066a5ff32147fda1aecee0ff7c4","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-500.webp","origFileName":"eugene-golovesov-yLbUNnaY5Qw-unsplash (1).webp","fileName":"6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash (1)-p-500.webp","size":45914,"format":"webp","width":500,"quality":100,"_id":"6884b8b3aafa3ac39976f963","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-800.webp","origFileName":"eugene-golovesov-yLbUNnaY5Qw-unsplash (1).webp","fileName":"6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash (1)-p-800.webp","size":93906,"format":"webp","width":800,"quality":100,"_id":"6884b8b3aafa3ac39976f964","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-1080.webp","origFileName":"eugene-golovesov-yLbUNnaY5Qw-unsplash (1).webp","fileName":"6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash (1)-p-1080.webp","size":142568,"format":"webp","width":1080,"quality":100,"_id":"6884b8b3aafa3ac39976f965","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-1080.webp"},{"origFileName":"eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-1600.jpg","fileName":"6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1)-p-1600.jpg","size":423141,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884b8b3aafa3ac39976f966"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1).webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afea775e47675f7ab6_eugene-golovesov-yLbUNnaY5Qw-unsplash%20(1).webp","_id":"6884b8afea775e47675f7ab6","updatedOn":"2025-07-26T11:15:54.731Z","fileSize":298220,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1).webp","siteId":"685bdb3498f71f27eb9d6e1c","width":1920,"isHD":false,"height":3051,"fileName":"6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash (1).webp","createdOn":"2025-07-26T11:14:55.930Z","origFileName":"eugene-golovesov-n5y1UdDaqGw-unsplash (1).webp","fileHash":"e78c824d7e35f40ba0ba6b2a1a75969d","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-500.webp","origFileName":"eugene-golovesov-n5y1UdDaqGw-unsplash (1).webp","fileName":"6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash (1)-p-500.webp","size":36744,"format":"webp","width":500,"quality":100,"_id":"6884b8b37fa78688b2ee05ea","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-800.webp","origFileName":"eugene-golovesov-n5y1UdDaqGw-unsplash (1).webp","fileName":"6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash (1)-p-800.webp","size":66986,"format":"webp","width":800,"quality":100,"_id":"6884b8b37fa78688b2ee05eb","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-1080.webp","origFileName":"eugene-golovesov-n5y1UdDaqGw-unsplash (1).webp","fileName":"6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash (1)-p-1080.webp","size":97676,"format":"webp","width":1080,"quality":100,"_id":"6884b8b37fa78688b2ee05ec","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-1080.webp"},{"origFileName":"eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-1600.jpg","fileName":"6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1)-p-1600.jpg","size":314783,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884b8b37fa78688b2ee05ed"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1).webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af669a78282b2f87f0_eugene-golovesov-n5y1UdDaqGw-unsplash%20(1).webp","_id":"6884b8af669a78282b2f87f0","updatedOn":"2025-07-26T11:15:54.234Z","fileSize":198104,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1).webp","siteId":"685bdb3498f71f27eb9d6e1c","width":1920,"isHD":false,"height":2940,"fileName":"6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash (1).webp","createdOn":"2025-07-26T11:14:55.855Z","origFileName":"eugene-golovesov-qs1CFe2wVWM-unsplash (1).webp","fileHash":"6645f373c97916ed5380ec06527d2fc1","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-500.webp","origFileName":"eugene-golovesov-qs1CFe2wVWM-unsplash (1).webp","fileName":"6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash (1)-p-500.webp","size":37304,"format":"webp","width":500,"quality":100,"_id":"6884b8b3fa1a118999fb0fbf","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-800.webp","origFileName":"eugene-golovesov-qs1CFe2wVWM-unsplash (1).webp","fileName":"6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash (1)-p-800.webp","size":67042,"format":"webp","width":800,"quality":100,"_id":"6884b8b3fa1a118999fb0fc0","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-1080.webp","origFileName":"eugene-golovesov-qs1CFe2wVWM-unsplash (1).webp","fileName":"6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash (1)-p-1080.webp","size":97364,"format":"webp","width":1080,"quality":100,"_id":"6884b8b3fa1a118999fb0fc1","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-1080.webp"},{"origFileName":"eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-1600.jpg","fileName":"6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1)-p-1600.jpg","size":307501,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884b8b3fa1a118999fb0fc2"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1).webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8af387251b0ccff30fc_eugene-golovesov-qs1CFe2wVWM-unsplash%20(1).webp","_id":"6884b8af387251b0ccff30fc","updatedOn":"2025-07-26T11:15:54.142Z","fileSize":189476,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1).webp","siteId":"685bdb3498f71f27eb9d6e1c","width":1920,"isHD":false,"height":2958,"fileName":"6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash (1).webp","createdOn":"2025-07-26T11:14:55.858Z","origFileName":"eugene-golovesov-hHQdVZB9Rb8-unsplash (1).webp","fileHash":"2d1a993740926ff4863d1e68f25c0e0f","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-500.webp","origFileName":"eugene-golovesov-hHQdVZB9Rb8-unsplash (1).webp","fileName":"6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash (1)-p-500.webp","size":36718,"format":"webp","width":500,"quality":100,"_id":"6884b8b3d6d77ef939d0af19","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-800.webp","origFileName":"eugene-golovesov-hHQdVZB9Rb8-unsplash (1).webp","fileName":"6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash (1)-p-800.webp","size":66020,"format":"webp","width":800,"quality":100,"_id":"6884b8b3d6d77ef939d0af1a","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-1080.webp","origFileName":"eugene-golovesov-hHQdVZB9Rb8-unsplash (1).webp","fileName":"6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash (1)-p-1080.webp","size":95544,"format":"webp","width":1080,"quality":100,"_id":"6884b8b3d6d77ef939d0af1b","cdnUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-1080.webp"},{"origFileName":"eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-1600.jpg","fileName":"6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1)-p-1600.jpg","size":298858,"format":"jpg","width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP","_id":"6884b8b3d6d77ef939d0af1c"}],"mimeType":"image/webp","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1).webp","thumbUrl":"https://cdn.prod.website-files.com/685bdb3498f71f27eb9d6e1c/6884b8afab719c8ed2008ce5_eugene-golovesov-hHQdVZB9Rb8-unsplash%20(1).webp","_id":"6884b8afab719c8ed2008ce5","updatedOn":"2025-07-26T11:15:54.138Z","fileSize":186390,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
On Scroll Text Animation 4
Newly added
On Scroll
Add
On Scroll Text Animation 4
Copy Component
Copy external scripts and paste it in the body
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>Copy javascript and paste it in the body
<script>
gsap.registerPlugin(ScrollTrigger);
const lower = document.querySelector('.lower');
const upper = document.querySelector('.upper');
const textWrap = document.querySelector('#text-wrap');
const duration = parseFloat(textWrap.dataset.duration) || 1;
const ease = textWrap.dataset.ease || 'none';
const start = textWrap.dataset.start || 'top center';
const end = textWrap.dataset.end || 'bottom center';
// Make sure the text starts centered (visually and in layout)
gsap.set(textWrap, {
top: "50%",
yPercent: -50,
left: "50%",
xPercent: -50
});
const tl = gsap.timeline({
scrollTrigger: {
trigger: ".test1",
start,
end,
scrub: true,
pin: true,
markers: true
}
});
// Animate .lower reveal
tl.to(lower, {
clipPath: "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",
duration,
ease
}, "a");
// You can also animate the Y position slightly if desired
// Example: text gliding up a bit
tl.to(textWrap, {
yPercent: -60, // slight vertical move up
duration,
ease
}, "a");
</script>Copy styles and paste it in the head
Click on these attributes to copy them
No items found.
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d7be534f-ee5d-440f-2862-1eb92b9bb5b3","type":"Section","tag":"section","classes":["8b59a30f-f38d-e0c8-d4ca-15cae737e66f"],"children":["be02f75d-6498-437d-4eb8-d9fea55f1d01","19a209c9-d680-6171-fb0e-52d84e7dcde6","0c9487a3-619e-9e15-a158-8b8e2f3087fb"],"data":{"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-theme","value":"dark"}],"search":{"exclude":false},"visibility":{"conditions":[]},"grid":{"type":"section"}}},{"_id":"be02f75d-6498-437d-4eb8-d9fea55f1d01","type":"Block","tag":"div","classes":["4a8c3f2c-6a83-93d8-1700-5d888c73bc36"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"19a209c9-d680-6171-fb0e-52d84e7dcde6","type":"Block","tag":"div","classes":["c8faa09c-e4ea-c10b-adea-c90fce585b97"],"children":["b0cb0d97-4017-13c4-1945-6a225b3f1401"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b0cb0d97-4017-13c4-1945-6a225b3f1401","type":"Block","tag":"div","classes":["a40cb830-4af1-efb8-e8ec-f22f30660ce6"],"children":["3ec35c39-b71b-dbfc-c9a0-c024cb0bc5e0","5766d27f-03ea-2763-64cb-39f3bf06f47b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text-wrap"},"xattr":[{"name":"duration","value":"1"},{"name":"ease","value":"power1.inOut"},{"name":"start","value":"top center"},{"name":"end","value":"200%"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3ec35c39-b71b-dbfc-c9a0-c024cb0bc5e0","type":"Heading","tag":"h2","classes":["92ff275b-48fd-95d5-ee98-33953d063fc0"],"children":["109a4dbf-7d2e-529a-a204-17bfe03e412e"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"109a4dbf-7d2e-529a-a204-17bfe03e412e","text":true,"v":"Innovative"},{"_id":"5766d27f-03ea-2763-64cb-39f3bf06f47b","type":"Heading","tag":"h2","classes":["eb21c493-b262-3ff4-3bf8-82b717f4eafb"],"children":["fa66402d-bf7e-0e8e-bc93-34a886c31e90"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fa66402d-bf7e-0e8e-bc93-34a886c31e90","text":true,"v":"Innovative"},{"_id":"0c9487a3-619e-9e15-a158-8b8e2f3087fb","type":"Block","tag":"div","classes":["4a8c3f2c-6a83-93d8-1700-5d888c73bc36"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b59a30f-f38d-e0c8-d4ca-15cae737e66f","fake":false,"type":"class","name":"anim_wrap","namespace":"","comb":"","styleLess":"background-color: white;","variants":{},"children":[],"createdBy":"5e48944e08eef8b4ca4c7109","origin":null,"selector":null},{"_id":"4a8c3f2c-6a83-93d8-1700-5d888c73bc36","fake":false,"type":"class","name":"test","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"c8faa09c-e4ea-c10b-adea-c90fce585b97","fake":false,"type":"class","name":"page1","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"a40cb830-4af1-efb8-e8ec-f22f30660ce6","fake":false,"type":"class","name":"anim_clip","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"92ff275b-48fd-95d5-ee98-33953d063fc0","fake":false,"type":"class","name":"clip1","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; color: orange; font-size: 12.5rem; line-height: 1.1; clip-path: @raw<|polygon(0 0, 100% 0, 100% 100%, 0% 100%)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"eb21c493-b262-3ff4-3bf8-82b717f4eafb","fake":false,"type":"class","name":"clip2","namespace":"","comb":"","styleLess":"color: #08031a; font-size: 12.5rem; line-height: 1.1;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7f1b8026-406e-9aa8-9e01-572b78d24ab5","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["3d8640b0-3baf-1641-3a19-9a004cb1a643","2e6f88ee-7bc5-d104-548f-9df792c83798","f45a42c5-ed34-60a3-f522-952f5543ecc1"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3d8640b0-3baf-1641-3a19-9a004cb1a643","type":"Block","tag":"div","classes":["fff82c52-b8eb-d466-07e2-c792b376dcee"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2e6f88ee-7bc5-d104-548f-9df792c83798","type":"Block","tag":"div","classes":["fff82c52-b8eb-d466-07e2-c792b376dcef"],"children":["3ecf4d04-6d4f-4444-3e7e-71a673e45fae"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3ecf4d04-6d4f-4444-3e7e-71a673e45fae","type":"Block","tag":"div","classes":["fff82c52-b8eb-d466-07e2-c792b376dcf0"],"children":["b078e15c-0e45-ab88-0450-91ec6a3f1d2a","a00688ec-6072-7816-8d0c-1abb459ec75d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"text-wrap"},"xattr":[{"name":"duration","value":"1"},{"name":"ease","value":"power1.inOut"},{"name":"start","value":"top center"},{"name":"end","value":"200%"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b078e15c-0e45-ab88-0450-91ec6a3f1d2a","type":"Heading","tag":"h2","classes":["fff82c52-b8eb-d466-07e2-c792b376dcf1"],"children":["df4fae3e-3d61-12b4-8a11-8ca03cba51ec"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"df4fae3e-3d61-12b4-8a11-8ca03cba51ec","text":true,"v":"Innovative"},{"_id":"a00688ec-6072-7816-8d0c-1abb459ec75d","type":"Heading","tag":"h2","classes":["fff82c52-b8eb-d466-07e2-c792b376dcf2"],"children":["1677a924-be30-b99f-2310-152775049f8e"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1677a924-be30-b99f-2310-152775049f8e","text":true,"v":"Innovative"},{"_id":"f45a42c5-ed34-60a3-f522-952f5543ecc1","type":"Block","tag":"div","classes":["fff82c52-b8eb-d466-07e2-c792b376dcee"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_anim","namespace":"","comb":"","styleLess":"flex-direction: column; justify-content: center;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"fff82c52-b8eb-d466-07e2-c792b376dcee","fake":false,"type":"class","name":"test","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"fff82c52-b8eb-d466-07e2-c792b376dcef","fake":false,"type":"class","name":"page1","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"fff82c52-b8eb-d466-07e2-c792b376dcf0","fake":false,"type":"class","name":"anim_clip","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"fff82c52-b8eb-d466-07e2-c792b376dcf1","fake":false,"type":"class","name":"clip1","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; color: orange; font-size: 12.5rem; line-height: 1.1; font-weight: 400; clip-path: @raw<|polygon(0 0, 100% 0, 100% 100%, 0% 100%)|>;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null},{"_id":"fff82c52-b8eb-d466-07e2-c792b376dcf2","fake":false,"type":"class","name":"clip2","namespace":"","comb":"","styleLess":"color: #08031a; font-size: 12.5rem; line-height: 1.1; font-weight: 400;","variants":{},"children":[],"createdBy":"67765e8148a3409ad4293e69","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
For the best experience, please view this content on a desktop device.