{"id":86466,"date":"2026-07-01T20:48:14","date_gmt":"2026-07-01T20:48:14","guid":{"rendered":"https:\/\/demos.restored316.com\/creator-cloud\/?post_type=kadence_cloud&#038;p=86466"},"modified":"2026-07-01T20:48:15","modified_gmt":"2026-07-01T20:48:15","slug":"text-reveal-behind-images","status":"publish","type":"kadence_cloud","link":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/","title":{"rendered":"Text Reveal Behind Images"},"content":{"rendered":"<style>.wp-block-kadence-spacer.kt-block-spacer-86466_edbd44-30 .kt-block-spacer{height:600px;}.wp-block-kadence-spacer.kt-block-spacer-86466_edbd44-30 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-86466_edbd44-30\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.kb-row-layout-id86466_5c77ec-fc > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id86466_5c77ec-fc > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id86466_5c77ec-fc > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-none, 0rem );padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id86466_5c77ec-fc > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id86466_5c77ec-fc > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id86466_5c77ec-fc > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}\/*  CREATOR CLOUD \u2014 Curtain Reveal  Based on actual block structure:  .cc-curtain (outer row, 1 col)    \u2514\u2500\u2500 column > kt-inside-inner-col          \u251c\u2500\u2500 inner row (2 cols) \u2190 image row, overlays text          \u2502     \u251c\u2500\u2500 column > figure.cc-curtain__left          \u2502     \u2514\u2500\u2500 column > figure.cc-curtain__right          \u2514\u2500\u2500 inner row (1 col, 100vh) \u2190 text row, gives section height                \u2514\u2500\u2500 column > headings*\/\/* \u2500\u2500 Outer container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.cc-curtain {  position: relative;  overflow: hidden;}\/* Height chain down to the kt-inside-inner-col that holds both inner rows *\/.cc-curtain > .kt-row-column-wrap,.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column,.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {  position: relative;  height: 100%;  min-height: inherit;  padding: 0 !important;}\/* \u2500\u2500 Image row \u2014 absolutely covers the text row beneath it \u2500\u2500 *\/.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap:first-child {  position: absolute !important;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 2;  margin: 0 !important;}\/* Make the image row's inner wrappers fill height too *\/.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap,.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap:first-child .wp-block-kadence-column,.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap:first-child .kt-inside-inner-col {  height: 100%;  padding: 0 !important;  margin: 0 !important;}\/* \u2500\u2500 Images fill their column cells \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/figure.cc-curtain__left,figure.cc-curtain__right {  height: 100%;  margin: 0;  display: block;}figure.cc-curtain__left img,figure.cc-curtain__right img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}\/* \u2500\u2500 Scroll-driven transforms \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\/* --curtain goes 0\u21921 via JS as section scrolls into view   *\/figure.cc-curtain__left {    will-change: transform;}figure.cc-curtain__right {    will-change: transform;}\/* \u2500\u2500 Text row \u2014 sits behind image row, drives section height  *\/.cc-curtain > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap:last-child {  position: relative;  z-index: 1;}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id86466_5c77ec-fc alignfull cc-curtain wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle\">\n<style>.kadence-column86466_03631b-7f > .kt-inside-inner-col,.kadence-column86466_03631b-7f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86466_03631b-7f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86466_03631b-7f > .kt-inside-inner-col{flex-direction:column;}.kadence-column86466_03631b-7f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86466_03631b-7f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86466_03631b-7f{position:relative;}@media all and (max-width: 1024px){.kadence-column86466_03631b-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86466_03631b-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86466_03631b-7f\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id86466_29fd77-cf > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id86466_29fd77-cf > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id86466_29fd77-cf > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-none, 0rem );padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id86466_29fd77-cf > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id86466_29fd77-cf > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id86466_29fd77-cf > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id86466_29fd77-cf{display:none !important;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id86466_29fd77-cf alignnone kb-v-sm-hidden wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-equal kt-mobile-layout-equal kt-row-valign-top\">\n<style>.kadence-column86466_26aba0-33 > .kt-inside-inner-col,.kadence-column86466_26aba0-33 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86466_26aba0-33 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86466_26aba0-33 > .kt-inside-inner-col{flex-direction:column;}.kadence-column86466_26aba0-33 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86466_26aba0-33 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86466_26aba0-33{position:relative;}@media all and (max-width: 1024px){.kadence-column86466_26aba0-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86466_26aba0-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86466_26aba0-33\"><div class=\"kt-inside-inner-col\"><style>.kb-image86466_e1b09e-8b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image86466_e1b09e-8b size-full cc-curtain__left\"><img loading=\"lazy\" decoding=\"async\" width=\"1801\" height=\"1801\" src=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png\" alt=\"\" class=\"kb-img wp-image-83029\" srcset=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png 1801w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-300x300.png 300w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1024x1024.png 1024w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-150x150.png 150w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-768x768.png 768w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1536x1536.png 1536w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-600x600.png 600w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-100x100.png 100w\" sizes=\"auto, (max-width: 1801px) 100vw, 1801px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column86466_38a0c6-af > .kt-inside-inner-col,.kadence-column86466_38a0c6-af > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86466_38a0c6-af > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86466_38a0c6-af > .kt-inside-inner-col{flex-direction:column;}.kadence-column86466_38a0c6-af > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86466_38a0c6-af > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86466_38a0c6-af{position:relative;}@media all and (max-width: 1024px){.kadence-column86466_38a0c6-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86466_38a0c6-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86466_38a0c6-af\"><div class=\"kt-inside-inner-col\"><style>.kb-image86466_a4179c-17 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image86466_a4179c-17 size-full cc-curtain__right\"><img loading=\"lazy\" decoding=\"async\" width=\"1801\" height=\"1801\" src=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1.png\" alt=\"\" class=\"kb-img wp-image-83028\" srcset=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1.png 1801w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-300x300.png 300w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-1024x1024.png 1024w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-150x150.png 150w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-768x768.png 768w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-1536x1536.png 1536w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-600x600.png 600w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Peach-Pattern-1-100x100.png 100w\" sizes=\"auto, (max-width: 1801px) 100vw, 1801px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id86466_64447f-7b > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id86466_64447f-7b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id86466_64447f-7b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:800px;margin-left:auto;margin-right:auto;min-height:100vh;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id86466_64447f-7b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id86466_64447f-7b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id86466_64447f-7b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id86466_64447f-7b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle\">\n<style>.kadence-column86466_df1bca-5d > .kt-inside-inner-col,.kadence-column86466_df1bca-5d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86466_df1bca-5d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86466_df1bca-5d > .kt-inside-inner-col{flex-direction:column;}.kadence-column86466_df1bca-5d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86466_df1bca-5d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86466_df1bca-5d{position:relative;}@media all and (max-width: 1024px){.kadence-column86466_df1bca-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86466_df1bca-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86466_df1bca-5d\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading86466_aba36a-ea, .wp-block-kadence-advancedheading.kt-adv-heading86466_aba36a-ea[data-kb-block=\"kb-adv-heading86466_aba36a-ea\"]{margin-bottom:0px;text-align:center;font-size:var(--global-kb-font-size-sm, 0.9rem);font-style:normal;text-transform:uppercase;letter-spacing:1px;}.wp-block-kadence-advancedheading.kt-adv-heading86466_aba36a-ea mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading86466_aba36a-ea[data-kb-block=\"kb-adv-heading86466_aba36a-ea\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading86466_aba36a-ea img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading86466_aba36a-ea[data-kb-block=\"kb-adv-heading86466_aba36a-ea\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading86466_aba36a-ea wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading86466_aba36a-ea\"><strong>Introducing<\/strong><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading86466_7ff166-dd, .wp-block-kadence-advancedheading.kt-adv-heading86466_7ff166-dd[data-kb-block=\"kb-adv-heading86466_7ff166-dd\"]{margin-top:0px;text-align:center;font-size:var(--global-kb-font-size-xxl, 4rem);font-style:normal;text-transform:uppercase;}.wp-block-kadence-advancedheading.kt-adv-heading86466_7ff166-dd mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading86466_7ff166-dd[data-kb-block=\"kb-adv-heading86466_7ff166-dd\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading86466_7ff166-dd img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading86466_7ff166-dd[data-kb-block=\"kb-adv-heading86466_7ff166-dd\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading86466_7ff166-dd wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading86466_7ff166-dd\">Name of Product<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Chocolate chupa chups marshmallow souffl\u00e9 jelly beans carrot cake. Cookie apple pie tart fruitcake caramels lemon drops cake. Oat cake tart bonbon bear claw cupcake topping wafer icing jelly beans.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns86466_2ee23b-64{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns86466_2ee23b-64 .kt-button{font-weight:normal;font-style:normal;}.kt-btns86466_2ee23b-64 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns86466_2ee23b-64 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns86466_2ee23b-64 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns86466_2ee23b-64 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns86466_2ee23b-64 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns86466_2ee23b-64 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns86466_2ee23b-64 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns86466_2ee23b-64\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn86466_57ffbd-11.kb-button{width:initial;}<\/style><span class=\"kb-button kt-button button kb-btn86466_57ffbd-11 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-false  wp-block-button__link wp-block-kadence-singlebtn\"><span class=\"kt-btn-inner-text\">Learn More<\/span><\/span><\/div>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col,.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col{background-color:var(--global-palette15, #3182CE);}.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86466_eaa0ca-e9{position:relative;}@media all and (max-width: 1024px){.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86466_eaa0ca-e9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86466_eaa0ca-e9 kvs-lg-false kvs-md-false kvs-sm-false\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading86466_eb6a25-44, .wp-block-kadence-advancedheading.kt-adv-heading86466_eb6a25-44[data-kb-block=\"kb-adv-heading86466_eb6a25-44\"]{font-size:var(--global-kb-font-size-sm, 0.9rem);font-style:normal;text-transform:uppercase;letter-spacing:1px;}.wp-block-kadence-advancedheading.kt-adv-heading86466_eb6a25-44 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading86466_eb6a25-44[data-kb-block=\"kb-adv-heading86466_eb6a25-44\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading86466_eb6a25-44 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading86466_eb6a25-44[data-kb-block=\"kb-adv-heading86466_eb6a25-44\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading86466_eb6a25-44 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading86466_eb6a25-44\"><strong>Install the Javascript Code<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the K icon in the top right.<\/li>\n\n\n\n<li>Click Page Scripts at the bottom<\/li>\n\n\n\n<li>Custom CSS and JS<\/li>\n\n\n\n<li>Paste the below code in the &lt;head&gt; section.<\/li>\n\n\n\n<li><strong>Delete this block<\/strong><\/li>\n<\/ul>\n\n\n\n<script>\n\/*\n  CREATOR CLOUD \u2014 Curtain Reveal JS (v2 \u2014 direct transform, no CSS var)\n  Sets transform directly on each figure for smoother compositor-layer\n  animation instead of driving a CSS custom property through calc().\n*\/\n(function () {\n  function clamp(v, min, max) { return v < min ? min : (v > max ? max : v); }\n  function easeOut(t) { return 1 - (1 - t) * (1 - t); }\n\n  function initCurtain() {\n    var sections = document.querySelectorAll('.cc-curtain');\n    if (!sections.length) return;\n\n    \/\/ Pre-query the figures once so we're not querying on every frame\n    var pairs = [];\n    sections.forEach(function (section) {\n      var left  = section.querySelector('figure.cc-curtain__left');\n      var right = section.querySelector('figure.cc-curtain__right');\n      if (left && right) {\n        \/\/ Force GPU layer promotion upfront\n        left.style.willChange  = 'transform';\n        right.style.willChange = 'transform';\n        pairs.push({ section: section, left: left, right: right });\n      }\n    });\n\n    if (!pairs.length) return;\n\n    var ticking = false;\n\n    function updateAll() {\n      var vh = window.innerHeight;\n\n      pairs.forEach(function (pair) {\n        var rect = pair.section.getBoundingClientRect();\n\n        var START = vh * 0.85;\n        var END   = vh * 0.15;\n\n        var raw      = (START - rect.top) \/ (START - END);\n        var progress = easeOut(clamp(raw, 0, 1));\n\n        \/\/ Get the figure's own width for the translate distance\n        var w = pair.left.offsetWidth;\n        var offset = progress * w;\n\n        pair.left.style.transform  = 'translateX(' + (-offset) + 'px)';\n        pair.right.style.transform = 'translateX(' + ( offset) + 'px)';\n      });\n\n      ticking = false;\n    }\n\n    function onScroll() {\n      if (!ticking) {\n        window.requestAnimationFrame(updateAll);\n        ticking = true;\n      }\n    }\n\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', updateAll, { passive: true });\n\n    updateAll();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCurtain);\n  } else {\n    initCurtain();\n  }\n\n})();\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introducing Name of Product Chocolate chupa chups marshmallow souffl\u00e9 jelly beans carrot cake. Cookie apple pie tart fruitcake caramels lemon drops cake. Oat cake tart bonbon bear claw cupcake topping wafer icing jelly beans. Install the Javascript Code<\/p>\n","protected":false},"author":1,"featured_media":86519,"menu_order":0,"template":"","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"<script>\n\/*\n  CREATOR CLOUD \u2014 Curtain Reveal JS (v2 \u2014 direct transform, no CSS var)\n  Sets transform directly on each figure for smoother compositor-layer\n  animation instead of driving a CSS custom property through calc().\n*\/\n(function () {\n  function clamp(v, min, max) { return v < min ? min : (v > max ? max : v); }\n  function easeOut(t) { return 1 - (1 - t) * (1 - t); }\n\n  function initCurtain() {\n    var sections = document.querySelectorAll('.cc-curtain');\n    if (!sections.length) return;\n\n    \/\/ Pre-query the figures once so we're not querying on every frame\n    var pairs = [];\n    sections.forEach(function (section) {\n      var left  = section.querySelector('figure.cc-curtain__left');\n      var right = section.querySelector('figure.cc-curtain__right');\n      if (left && right) {\n        \/\/ Force GPU layer promotion upfront\n        left.style.willChange  = 'transform';\n        right.style.willChange = 'transform';\n        pairs.push({ section: section, left: left, right: right });\n      }\n    });\n\n    if (!pairs.length) return;\n\n    var ticking = false;\n\n    function updateAll() {\n      var vh = window.innerHeight;\n\n      pairs.forEach(function (pair) {\n        var rect = pair.section.getBoundingClientRect();\n\n        var START = vh * 0.85;\n        var END   = vh * 0.15;\n\n        var raw      = (START - rect.top) \/ (START - END);\n        var progress = easeOut(clamp(raw, 0, 1));\n\n        \/\/ Get the figure's own width for the translate distance\n        var w = pair.left.offsetWidth;\n        var offset = progress * w;\n\n        pair.left.style.transform  = 'translateX(' + (-offset) + 'px)';\n        pair.right.style.transform = 'translateX(' + ( offset) + 'px)';\n      });\n\n      ticking = false;\n    }\n\n    function onScroll() {\n      if (!ticking) {\n        window.requestAnimationFrame(updateAll);\n        ticking = true;\n      }\n    }\n\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', updateAll, { passive: true });\n\n    updateAll();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCurtain);\n  } else {\n    initCurtain();\n  }\n\n})();\n<\/script>","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_wp_convertkit_post_meta":{"form":"-1","landing_page":"0","tag":"0","restrict_content":"0"},"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"kadence-cloud-collections":[105],"kadence-cloud-categories":[243,106,102,267],"kadence-cloud-keywords":[],"class_list":["post-86466","kadence_cloud","type-kadence_cloud","status-publish","has-post-thumbnail","hentry","kadence-cloud-collections-website-builders","kadence-cloud-categories-new","kadence-cloud-categories-website-builders","kadence-cloud-categories-hero-sections","kadence-cloud-categories-movement"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Text Reveal Behind Images - Creator Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text Reveal Behind Images - Creator Cloud\" \/>\n<meta property=\"og:description\" content=\"Introducing Name of Product Chocolate chupa chups marshmallow souffl\u00e9 jelly beans carrot cake. Cookie apple pie tart fruitcake caramels lemon drops cake. Oat cake tart bonbon bear claw cupcake topping wafer icing jelly beans. Install the Javascript Code\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Creator Cloud\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-01T20:48:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/07\/Text-Reveal-Behind-Images-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1295\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/\",\"name\":\"Text Reveal Behind Images - Creator Cloud\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2026\\\/07\\\/Text-Reveal-Behind-Images-scaled.jpg\",\"datePublished\":\"2026-07-01T20:48:14+00:00\",\"dateModified\":\"2026-07-01T20:48:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/#primaryimage\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2026\\\/07\\\/Text-Reveal-Behind-Images-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2026\\\/07\\\/Text-Reveal-Behind-Images-scaled.jpg\",\"width\":2560,\"height\":1295,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/text-reveal-behind-images\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text Reveal Behind Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#website\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\",\"name\":\"Creator Cloud\",\"description\":\"The Block Collection That Will Help You Design Blog Posts That Convert\",\"publisher\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#organization\",\"name\":\"Creator Cloud\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CC-Logo-Horizontal-1.png\",\"contentUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CC-Logo-Horizontal-1.png\",\"width\":1158,\"height\":182,\"caption\":\"Creator Cloud\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Text Reveal Behind Images - Creator Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/","og_locale":"en_US","og_type":"article","og_title":"Text Reveal Behind Images - Creator Cloud","og_description":"Introducing Name of Product Chocolate chupa chups marshmallow souffl\u00e9 jelly beans carrot cake. Cookie apple pie tart fruitcake caramels lemon drops cake. Oat cake tart bonbon bear claw cupcake topping wafer icing jelly beans. Install the Javascript Code","og_url":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/","og_site_name":"Creator Cloud","article_modified_time":"2026-07-01T20:48:15+00:00","og_image":[{"width":2560,"height":1295,"url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/07\/Text-Reveal-Behind-Images-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/","url":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/","name":"Text Reveal Behind Images - Creator Cloud","isPartOf":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/#primaryimage"},"image":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/#primaryimage"},"thumbnailUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/07\/Text-Reveal-Behind-Images-scaled.jpg","datePublished":"2026-07-01T20:48:14+00:00","dateModified":"2026-07-01T20:48:15+00:00","breadcrumb":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/#primaryimage","url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/07\/Text-Reveal-Behind-Images-scaled.jpg","contentUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/07\/Text-Reveal-Behind-Images-scaled.jpg","width":2560,"height":1295,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/text-reveal-behind-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.restored316.com\/creator-cloud\/"},{"@type":"ListItem","position":2,"name":"Text Reveal Behind Images"}]},{"@type":"WebSite","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#website","url":"https:\/\/demos.restored316.com\/creator-cloud\/","name":"Creator Cloud","description":"The Block Collection That Will Help You Design Blog Posts That Convert","publisher":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.restored316.com\/creator-cloud\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#organization","name":"Creator Cloud","url":"https:\/\/demos.restored316.com\/creator-cloud\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#\/schema\/logo\/image\/","url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CC-Logo-Horizontal-1.png","contentUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CC-Logo-Horizontal-1.png","width":1158,"height":182,"caption":"Creator Cloud"},"image":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":{"kadence-cloud-collections":[{"value":105,"label":"Website Builders"}],"kadence-cloud-categories":[{"value":243,"label":"**NEW**"},{"value":106,"label":"WEBSITE BUILDERS"},{"value":102,"label":"- Hero Sections"},{"value":267,"label":"- Movement"}]},"featured_image_src_large":["https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/07\/Text-Reveal-Behind-Images-1024x518.jpg",1024,518,true],"author_info":{"display_name":"Lauren","author_link":"https:\/\/demos.restored316.com\/creator-cloud\/author\/r316demos\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library"}],"about":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/types\/kadence_cloud"}],"author":[{"embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":10,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86466\/revisions"}],"predecessor-version":[{"id":86508,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86466\/revisions\/86508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/media\/86519"}],"wp:attachment":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/media?parent=86466"}],"wp:term":[{"taxonomy":"kadence-cloud-collections","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-collections?post=86466"},{"taxonomy":"kadence-cloud-categories","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-categories?post=86466"},{"taxonomy":"kadence-cloud-keywords","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-keywords?post=86466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}