add a video background to the hero (with poster fallback)

Base site
cap-yoga
Category
hero
Tools called
3
Duration
132.2s
HTML diff
Changed
Example ID
CC-011
Before
Before
After
After

Agent's response

I’ve updated the hero section on index.html to use a video background with a poster fallback. The section now contains a `<video>` element (autoplay, muted, loop, playsinline) that fills the background, using the existing hero image as the poster and pointing to `/videos/hero-bg.mp4` as the video source. The overlay and all existing content (heading, buttons, etc.) remain unchanged. The change is saved as a draft—review it in the editor and publish when ready.

Tool calls

list_sections step 1 
{
  "page": "index.html"
}
read_section step 2 
{
  "page": "index.html",
  "section": "hero"
}
update_section step 3 
{
  "page": "index.html",
  "section": "hero",
  "html": "<section class=\"relative min-h-screen flex items-end md:items-center overflow-hidden\" id=\"hero\" data-flare-id=\"47d3095c2fa2\">\n        <div class=\"absolute inset-0 z-0\">\n            <video autoplay muted loop playsinline class=\"object-cover w-full h-full\" poster=\"/images/ai-1779240545995-serene-mat-morning-light.png\">\n                <source src=\"/videos/hero-bg.mp4\" type=\"video/mp4\">\n                Your browser does not support the video tag.\n            </video>\n            <div class=\"absolute inset-0 z-0\" sty