{"product_id":"img-w-background","title":"Layered Images","description":"\u003cdiv data-test-render-count=\"2\"\u003e\n\u003cdiv class=\"mb-1 mt-1\"\u003e\n\u003cdiv class=\"group  relative  inline-flex  gap-2  bg-bg-300  rounded-xl  pl-2.5  py-2.5  break-words  text-text-100  transition-all  max-w-[75ch]  flex-col pr-6\"\u003e\n\u003cdiv class=\"absolute bottom-0 right-2 pointer-events-none\"\u003e\n\u003cdiv class=\"rounded-lg transition min-w-max pointer-events-auto translate-y-4 bg-bg-100\/80 backdrop-blur-sm translate-x-1 group-hover:translate-x-0.5 border-0.5 border-border-300 p-0.5 shadow-sm opacity-0 group-hover:opacity-100\"\u003e\n\u003cdiv class=\"text-text-300 flex items-stretch justify-between\"\u003e\n\u003cdiv class=\"flex items-center\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp class=\"whitespace-normal break-words\"\u003eA versatile section that layers a centered image or video over a full-width background, perfect for hero sections, product showcases, or brand storytelling moments.\u003c\/p\u003e\n\u003cul class=\"[\u0026amp;:not(:last-child)_ul]:pb-1 [\u0026amp;:not(:last-child)_ol]:pb-1 list-disc space-y-1.5 pl-7\"\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003eDisplay a prominent center image\/video with customizable aspect ratio over a background image\/video with adjustable opacity\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003eFull video support for both background and center positions with autoplay, loop, and muted playback\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003eIndependently control sizing for desktop, tablet, and mobile to ensure your content looks perfect at every breakpoint\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003eFlexible styling with custom background colors and optional border controls\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"whitespace-normal break-words\"\u003e\u003cstrong\u003ePerfect for:\u003c\/strong\u003e Hero banners, product launches, lifestyle imagery, brand storytelling, or any visual-first content that needs layered media with precise responsive control.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bungalow Creative","offers":[{"title":"Default Title","offer_id":46453172994217,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0602\/9538\/1161\/files\/ImgwBackground.jpg?v=1761146881","url":"https:\/\/bungalowcreative.co\/products\/img-w-background","provider":"Bungalow Creative","version":"1.0","type":"link"}