{"id":327,"date":"2023-08-04T21:37:32","date_gmt":"2023-08-04T21:37:32","guid":{"rendered":"https:\/\/bornetocreate.com\/?page_id=327"},"modified":"2023-08-08T14:40:37","modified_gmt":"2023-08-08T14:40:37","slug":"elementor-327","status":"publish","type":"page","link":"https:\/\/bornetocreate.com\/index.php\/elementor-327\/","title":{"rendered":"test loop 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"327\" class=\"elementor elementor-327\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d95e66e e-con-full e-flex e-con\" data-id=\"d95e66e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-743c92f elementor-grid-1 scroll-images-anim scroll-images-full elementor-grid-tablet-1 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"743c92f\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:&quot;309&quot;,&quot;columns&quot;:1,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;columns_tablet&quot;:1,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/bornetocreate.com\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-loop-builder.min.css\">\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t<style id=\"loop-309\">.elementor-309 .elementor-element.elementor-element-61b4b31{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-start;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-309 .elementor-element.elementor-element-6a46f21{text-align:center;}.elementor-309 .elementor-element.elementor-element-6a46f21 .elementor-heading-title{color:#FFFFFF;font-family:\"Arial\", Sans-serif;font-size:4vw;line-height:4;}.elementor-309 .elementor-element.elementor-element-6a46f21 > .elementor-widget-container{padding:0% 0% 0% 10%;}.elementor-309 .elementor-element.elementor-element-6a46f21.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-309 .elementor-element.elementor-element-dcfc47a{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"309\" class=\"elementor elementor-309 e-loop-item e-loop-item-455 post-455 loop-slides type-loop-slides status-publish has-post-thumbnail hentry\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t\t<a class=\"elementor-element elementor-element-61b4b31 e-con-full scroll-loop-container e-flex e-con\" data-id=\"61b4b31\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\" href=\"https:\/\/bornetocreate.com\/index.php\/loop-slides\/bucket-drums\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a46f21 scroll-post-title elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"6a46f21\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.0 - 08-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Bucket Drums<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcfc47a e-con-full scroll-sticky-wrapper e-flex e-con\" data-id=\"dcfc47a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633600 scroll-feature-image elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b633600\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.0 - 08-05-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1456\" height=\"816\" src=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_beautiful_young_caucasian_girls_drumming_on_sand_26230384-4d44-4738-ad75-4f4a3b8a4419.png\" class=\"attachment-full size-full wp-image-201\" alt=\"\" srcset=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_beautiful_young_caucasian_girls_drumming_on_sand_26230384-4d44-4738-ad75-4f4a3b8a4419.png 1456w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_beautiful_young_caucasian_girls_drumming_on_sand_26230384-4d44-4738-ad75-4f4a3b8a4419-300x168.png 300w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_beautiful_young_caucasian_girls_drumming_on_sand_26230384-4d44-4738-ad75-4f4a3b8a4419-1024x574.png 1024w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_beautiful_young_caucasian_girls_drumming_on_sand_26230384-4d44-4738-ad75-4f4a3b8a4419-768x430.png 768w\" sizes=\"auto, (max-width: 1456px) 100vw, 1456px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"309\" class=\"elementor elementor-309 e-loop-item e-loop-item-454 post-454 loop-slides type-loop-slides status-publish has-post-thumbnail hentry\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t\t<a class=\"elementor-element elementor-element-61b4b31 e-con-full scroll-loop-container e-flex e-con\" data-id=\"61b4b31\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\" href=\"https:\/\/bornetocreate.com\/index.php\/loop-slides\/dance-class\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a46f21 scroll-post-title elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"6a46f21\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dance Class<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcfc47a e-con-full scroll-sticky-wrapper e-flex e-con\" data-id=\"dcfc47a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633600 scroll-feature-image elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b633600\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1456\" height=\"816\" src=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_group_of_multiethic_children_in_a_dance_class_re_ee8a2c06-b012-4253-b879-b9b6efe51c5e.png\" class=\"attachment-full size-full wp-image-177\" alt=\"\" srcset=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_group_of_multiethic_children_in_a_dance_class_re_ee8a2c06-b012-4253-b879-b9b6efe51c5e.png 1456w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_group_of_multiethic_children_in_a_dance_class_re_ee8a2c06-b012-4253-b879-b9b6efe51c5e-300x168.png 300w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_group_of_multiethic_children_in_a_dance_class_re_ee8a2c06-b012-4253-b879-b9b6efe51c5e-1024x574.png 1024w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_group_of_multiethic_children_in_a_dance_class_re_ee8a2c06-b012-4253-b879-b9b6efe51c5e-768x430.png 768w\" sizes=\"auto, (max-width: 1456px) 100vw, 1456px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"309\" class=\"elementor elementor-309 e-loop-item e-loop-item-453 post-453 loop-slides type-loop-slides status-publish has-post-thumbnail hentry\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t\t<a class=\"elementor-element elementor-element-61b4b31 e-con-full scroll-loop-container e-flex e-con\" data-id=\"61b4b31\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\" href=\"https:\/\/bornetocreate.com\/index.php\/loop-slides\/vocal-class\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a46f21 scroll-post-title elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"6a46f21\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vocal Class<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcfc47a e-con-full scroll-sticky-wrapper e-flex e-con\" data-id=\"dcfc47a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633600 scroll-feature-image elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b633600\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1456\" height=\"816\" src=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_latino_girl_singing_at_a_recital_8k_hype_ef4080e2-09e1-4ad7-882f-23e1f994736b.png\" class=\"attachment-full size-full wp-image-179\" alt=\"\" srcset=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_latino_girl_singing_at_a_recital_8k_hype_ef4080e2-09e1-4ad7-882f-23e1f994736b.png 1456w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_latino_girl_singing_at_a_recital_8k_hype_ef4080e2-09e1-4ad7-882f-23e1f994736b-300x168.png 300w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_latino_girl_singing_at_a_recital_8k_hype_ef4080e2-09e1-4ad7-882f-23e1f994736b-1024x574.png 1024w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_latino_girl_singing_at_a_recital_8k_hype_ef4080e2-09e1-4ad7-882f-23e1f994736b-768x430.png 768w\" sizes=\"auto, (max-width: 1456px) 100vw, 1456px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"309\" class=\"elementor elementor-309 e-loop-item e-loop-item-452 post-452 loop-slides type-loop-slides status-publish has-post-thumbnail hentry\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t\t<a class=\"elementor-element elementor-element-61b4b31 e-con-full scroll-loop-container e-flex e-con\" data-id=\"61b4b31\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\" href=\"https:\/\/bornetocreate.com\/index.php\/loop-slides\/piano-class\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a46f21 scroll-post-title elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"6a46f21\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Piano Class<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcfc47a e-con-full scroll-sticky-wrapper e-flex e-con\" data-id=\"dcfc47a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633600 scroll-feature-image elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b633600\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1456\" height=\"816\" src=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_handsome_black_boy_playing_piano_at_a_re_b8a890f3-c218-4ed1-907d-bf921914c28d.png\" class=\"attachment-full size-full wp-image-176\" alt=\"\" srcset=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_handsome_black_boy_playing_piano_at_a_re_b8a890f3-c218-4ed1-907d-bf921914c28d.png 1456w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_handsome_black_boy_playing_piano_at_a_re_b8a890f3-c218-4ed1-907d-bf921914c28d-300x168.png 300w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_handsome_black_boy_playing_piano_at_a_re_b8a890f3-c218-4ed1-907d-bf921914c28d-1024x574.png 1024w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_a_young_handsome_black_boy_playing_piano_at_a_re_b8a890f3-c218-4ed1-907d-bf921914c28d-768x430.png 768w\" sizes=\"auto, (max-width: 1456px) 100vw, 1456px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"309\" class=\"elementor elementor-309 e-loop-item e-loop-item-450 post-450 loop-slides type-loop-slides status-publish has-post-thumbnail hentry\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t\t<a class=\"elementor-element elementor-element-61b4b31 e-con-full scroll-loop-container e-flex e-con\" data-id=\"61b4b31\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\" href=\"https:\/\/bornetocreate.com\/index.php\/loop-slides\/art-class\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a46f21 scroll-post-title elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"6a46f21\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Art Class<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcfc47a e-con-full scroll-sticky-wrapper e-flex e-con\" data-id=\"dcfc47a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633600 scroll-feature-image elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b633600\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1456\" height=\"816\" src=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_young_handsome_asian_boy_drawing_art_in_a_classr_1cf144fc-86a2-4357-abdf-8f649ee84196.png\" class=\"attachment-full size-full wp-image-178\" alt=\"\" srcset=\"https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_young_handsome_asian_boy_drawing_art_in_a_classr_1cf144fc-86a2-4357-abdf-8f649ee84196.png 1456w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_young_handsome_asian_boy_drawing_art_in_a_classr_1cf144fc-86a2-4357-abdf-8f649ee84196-300x168.png 300w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_young_handsome_asian_boy_drawing_art_in_a_classr_1cf144fc-86a2-4357-abdf-8f649ee84196-1024x574.png 1024w, https:\/\/bornetocreate.com\/wp-content\/uploads\/2023\/08\/SublimeDigital_young_handsome_asian_boy_drawing_art_in_a_classr_1cf144fc-86a2-4357-abdf-8f649ee84196-768x430.png 768w\" sizes=\"auto, (max-width: 1456px) 100vw, 1456px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e25f354 e-con-boxed e-flex e-con\" data-id=\"e25f354\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4777883 elementor-widget elementor-widget-html\" data-id=\"4777883\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* Code from https:\/\/element.how\/elementor-loop-grid-show-feature-image-on-scroll\/\r\n * Copyright 2023 Maxime Desrosiers\r\n * Licensed for personal and commercial use for customers who purchased access\r\n * No redistribution allowed\r\n *\/\r\n\r\n.scroll-images-anim .scroll-loop-container {\r\n    position: static;\r\n}\r\n\r\n.scroll-images-anim .e-loop-item {\r\n   transition: opacity 0.3s;\r\n}\r\n\r\n.scroll-images-anim .scroll-sticky-wrapper.e-con {\r\n    position: absolute;\r\n    left: 60%; \/* adjust this value to position the image in example 1 version. it's the position from the left edge of the screen *\/\r\n    width: auto;\r\n    top: -200px; \/* keep as it *\/\r\n    bottom: -200px; \/* keep as it *\/\r\n}\r\n\r\n\/* image size for example 1 *\/\r\n.scroll-images-anim img { \r\n    width: 300px; \/* width of the feature image *\/ \r\n    height: 200px; \/* height of the feature image *\/ \r\n    object-fit: cover; \/* change to object-fit: contain; to avoid cropping the image *\/ \r\n}\r\n\r\n\/* image positioning for Example 1 version *\/\r\n.scroll-images-anim .scroll-feature-image {\r\n    position: sticky;\r\n    top: calc(50vh - 100px); \/* 100px here is half the height of the image, set above *\/\r\n    pointer-events: none;\r\n   opacity: 0;\r\n   will-change: opacity;\r\n   transition: opacity 0.4s linear;   \/* Adjust the transition here *\/\r\n}\r\n\r\n.scroll-images-anim .scroll-item-is-active .scroll-feature-image {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* \r\n * Full screen background feature images, delete if not wanted\/needed \r\n *\/\r\n.scroll-images-anim.scroll-images-full {\r\n    padding-top: 50vh;\r\n    padding-bottom: 50vh;\r\n    isolation: isolate;\r\n    position: static;\r\n}\r\n\r\n.scroll-images-anim.scroll-images-full .scroll-sticky-wrapper.e-con {\r\n    position: absolute;\r\n    width: 100%;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    z-index: -3;\r\n    pointer-events: none;\r\n}\r\n\r\n.scroll-images-anim.scroll-images-full .scroll-feature-image {\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    will-change: opacity;\r\n    transition: opacity 0.4s linear; \/* you may adjust the transition here *\/\r\n}\r\n\r\n.scroll-images-anim.scroll-images-full .scroll-feature-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n.scroll-images-anim.scroll-images-full .scroll-item-is-active .scroll-loop-container {\r\n    background-color: #333333; \/* background color of the active loop item *\/ \r\n}\r\n\r\n.scroll-images-anim.scroll-images-full .scroll-item-is-active .scroll-feature-image {\r\n    opacity: 1;\r\n}\r\n\/* \r\n * END OF Full screen background feature images \r\n *\/\r\n\r\n\r\n\r\n\r\n\r\n\/* \r\n * Fancy transition version, delete if not wanted\/needed \r\n *\/\r\n\r\n\r\n.scroll-images-anim.scroll-images-full.scroll-fancy-transition .scroll-sticky-wrapper.e-con {\r\n    max-width: initial;\r\n    width: 110%;\r\n    left: -10%;\r\n}\r\n\r\n.scroll-images-anim.scroll-images-full.scroll-fancy-transition .scroll-feature-image {\r\n    overflow: hidden;\r\n}\r\n\r\n.scroll-images-anim.scroll-images-full.scroll-fancy-transition .scroll-feature-image  > div{\r\n    will-change: transform, filter;\r\n    transition: transform 0.4s cubic-bezier(1,-1.67,1,-0.64), opacity 0.4s, filter 0.4s;\r\n    filter:blur(10px);\r\n    transform:translateX(-10px) scaleX(1.1);\r\n    transform-origin:100% 50%;\r\n}\r\n\r\n.scroll-images-anim.scroll-images-full.scroll-fancy-transition .scroll-item-is-active .scroll-feature-image > div {\r\n    opacity: 1;\r\n    filter:blur(0px);\r\n    transform:translateX(0px) scaleX(1);\r\n    transition: transform 0.4s ease, opacity 0.4s, filter 0.4s;\r\n}\r\n\/* \r\n * END OF Fancy transition version \r\n *\/\r\n\r\n\r\n\r\n\/* \r\n * Lower opacity for other items version, delete if not wanted\/needed \r\n *\/\r\n\r\n.scroll-images-opacity .e-loop-item {\r\n    transition: opacity 0.3s;\r\n    opacity: 0; \/* opacity of the items not active *\/\r\n}\r\n\r\n.scroll-images-opacity .scroll-item-is-active.e-loop-item {\r\n    opacity: 1; \/* opacity of active item *\/\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eedb1a9 elementor-widget elementor-widget-html\" data-id=\"eedb1a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n\/* Code from https:\/\/element.how\/elementor-loop-grid-show-feature-image-on-scroll\/\r\n * Copyright 2023 Maxime Desrosiers\r\n * Licensed for personal and commercial use for customers who purchased access\r\n * No redistribution allowed\r\n *\/\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n  let scrollingImagesGrids = document.querySelectorAll('.scroll-images-anim .elementor-loop-container');\r\n\r\n  scrollingImagesGrids.forEach((grid) => {\r\n\r\n    let startWithImage = true;\r\n\r\n    if (grid.closest('.scroll-images-anim').getAttribute('data-start-with-image') == 'false') startWithImage = false;\r\n\r\n    function setupGridObserver() {\r\n      let loopItems = grid.querySelectorAll('.e-loop-item');\r\n\r\n      let observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n\r\n          if (entry.isIntersecting) {\r\n            loopItems.forEach(item => {\r\n              item.classList.remove('scroll-item-is-active');\r\n            })\r\n            \/* set the CSS variable to 1 for the item in view *\/\r\n            entry.target.classList.add('scroll-item-is-active');\r\n          }\r\n        });\r\n      }, {\r\n        rootMargin: '-49.9% 0px -49.9% 0px',\r\n      });\r\n\r\n      loopItems.forEach((item) => {\r\n        observer.observe(item);\r\n      });\r\n\r\n\r\n      if (!startWithImage) {\r\n        let gridObserver = new IntersectionObserver((entries) => {\r\n          entries.forEach((entry) => {\r\n\r\n            if (!entry.isIntersecting) {\r\n              loopItems.forEach(item => {\r\n                item.classList.remove('scroll-item-is-active');\r\n              })\r\n            }\r\n          });\r\n        }, {\r\n          rootMargin: '-49% 0px -49% 0px',\r\n        });\r\n\r\n        gridObserver.observe(grid);\r\n      }\r\n\r\n      loopItems[0].classList.add('scroll-item-is-active');\r\n\r\n\r\n    }\r\n\r\n    setupGridObserver();\r\n\r\n    \/* Compatible with DOM mutations (aka AJAX filtering) *\/\r\n    let observerCalled = false; \/\/ initialize observerCalled variable\r\n\r\n    function setDomMutationObserver() {\r\n      const targetNode = grid;\r\n      const config = {\r\n        attributes: false,\r\n        subtree: true,\r\n        childList: true\r\n      };\r\n\r\n      const callback = function (mutationsList, observer) {\r\n        if (!observerCalled) {\r\n          observerCalled = true;\r\n\r\n          setTimeout(() => {\r\n            observerCalled = false;\r\n          }, 3000);\r\n\r\n          setupGridObserver();\r\n        }\r\n      };\r\n\r\n      const observer = new MutationObserver(callback);\r\n      observer.observe(targetNode, config);\r\n    }\r\n\r\n    setDomMutationObserver();\r\n  });\r\n\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":201,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-327","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":19,"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/pages\/327\/revisions\/459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/media\/201"}],"wp:attachment":[{"href":"https:\/\/bornetocreate.com\/index.php\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}