{
  "id": "showcase-image-reforestation-campaign",
  "name": "Reforestation Campaign",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 1080,
  "height": 1920,
  "fps": 1,
  "duration": 1,
  "version": 1,
  "html": "<img id=\"photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Cinematic background\" data-jc-track=\"0\" data-jc-start=\"0\" data-jc-duration=\"1\" src=\"https://jsoncut.com/showcase/examples/reforestation-campaign/assets/hero-7672addfab.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:0px;top:0px;width:1080px;height:1920px;filter:brightness(.62) saturate(.78)\"><div id=\"frame\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Inset frame\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:77px;top:77px;width:926px;height:1766px;border:2.16px solid #F5F7FF88;border-radius:27px\"></div><div id=\"focus\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Focus glow\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:594px;top:250px;width:378px;height:378px;background:radial-gradient(circle,#5C87FF88,transparent 68%);filter:blur(22px)\"></div><div id=\"kicker\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Category label\" data-jc-track=\"5\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:108px;top:77px;width:508px;height:115px;color:#5C87FF;font-family:Roboto Mono;font-size:14px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">68 · SUSTAINABILITY</div><div id=\"headline\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Primary headline\" data-jc-track=\"6\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:108px;top:403px;width:508px;height:557px;color:#F5F7FF;font-family:Space Grotesk;font-size:58px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Reforestation\nCampaign</div><div id=\"body\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Supporting copy\" data-jc-track=\"6\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:108px;top:1152px;width:508px;height:250px;color:#F5F7FFB8;font-family:Inter;font-size:18px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">forest volunteers ·  vertical sapling counter</div><div id=\"cta\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Call to action\" data-jc-track=\"7\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:108px;top:1718px;width:508px;height:125px;color:#5C87FF;font-family:Roboto Mono;font-size:14px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">SEE THE IMPACT</div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#111A32"
}