{"product_id":"realistic-pet-portrait-up-to-4-pets-copy","title":"Realistic Custom Portrait (Up to 4 People)","description":"\u003ch2 style=\"text-align: center;\"\u003eRealistic Person Portrait\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eOur artists turn your photo(s) into a beautiful portrait done in our signature realistic style. Perfect as a heartfelt gift or a lasting tribute to your family or friend(s).\u003c\/p\u003e\n\n\n\u003cdiv class=\"pia-ba-wrapper\"\u003e\n  \u003ch2 class=\"pia-heading\"\u003e\u003c\/h2\u003e\n\n  \u003cdiv class=\"pia-ba-container\"\u003e\n\n    \u003c!-- AFTER (base image) --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0169\/2106\/7620\/files\/slider_after.webp?v=1775005638\" class=\"pia-img\" loading=\"lazy\"\u003e\n\n    \u003c!-- BEFORE (overlay with mask) --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0169\/2106\/7620\/files\/slider_before.webp?v=1775005637\" class=\"pia-img pia-before\" loading=\"lazy\"\u003e\n\n    \u003c!-- Labels --\u003e\n    \u003cdiv class=\"pia-label pia-before-label\"\u003eBefore\u003c\/div\u003e\n    \u003cdiv class=\"pia-label pia-after-label\"\u003eAfter\u003c\/div\u003e\n\n    \u003c!-- Divider --\u003e\n    \u003cdiv class=\"pia-divider\"\u003e\n      \u003cdiv class=\"pia-handle\"\u003e‹ ›\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Slider --\u003e\n    \u003cinput type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"pia-slider\"\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.pia-ba-wrapper {\n  max-width: 700px;\n  margin: 20px auto;\n  text-align: center;\n  padding: 0 10px;\n}\n\n.pia-heading {\n  font-size: 22px;\n  margin-bottom: 25px;\n}\n\n\/* Container *\/\n.pia-ba-container {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  overflow: hidden;\n  border-radius: 24px;\n}\n\n\/* BOTH images identical *\/\n.pia-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* BEFORE overlay (STATIC image) *\/\n.pia-before {\n  z-index: 2;\n  clip-path: inset(0 50% 0 0); \/* 🔥 key *\/\n}\n\n\/* Divider *\/\n.pia-divider {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 2px;\n  height: 100%;\n  background: #f5ae86;\n  transform: translateX(-50%);\n  z-index: 3;\n}\n\n\/* Handle *\/\n.pia-handle {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 70px;\n  height: 70px;\n  background: #f5ae86;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 22px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.15);\n}\n\n\/* Labels *\/\n.pia-label {\n  position: absolute;\n  top: 16px;\n  padding: 10px 18px;\n  border-radius: 14px;\n  background: #D3A7B3;\n  color: white;\n  font-size: 12px;\n  z-index: 4;\n}\n\n.pia-before-label { left: 16px; }\n.pia-after-label { right: 16px; }\n\n\/* Slider *\/\n.pia-slider {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  cursor: ew-resize;\n  z-index: 5;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll(\".pia-ba-container\").forEach(container =\u003e {\n\n  const slider = container.querySelector(\".pia-slider\");\n  const before = container.querySelector(\".pia-before\");\n  const divider = container.querySelector(\".pia-divider\");\n\n  function update(value) {\n    before.style.clipPath = `inset(0 ${100 - value}% 0 0)`;\n    divider.style.left = value + \"%\";\n  }\n\n  update(slider.value);\n\n  slider.addEventListener(\"input\", (e) =\u003e {\n    update(e.target.value);\n  });\n\n});\n\u003c\/script\u003e","brand":"Pets Into Art","offers":[{"title":"None (Digital Copy Only)","offer_id":46660983980190,"sku":null,"price":89.0,"currency_code":"AUD","in_stock":true},{"title":"A4 (21 x 30cm)","offer_id":46660984012958,"sku":null,"price":129.0,"currency_code":"AUD","in_stock":true},{"title":"A3 (30 x 42cm)","offer_id":46660984045726,"sku":null,"price":149.0,"currency_code":"AUD","in_stock":true},{"title":"50 x 70cm","offer_id":46660984078494,"sku":null,"price":189.0,"currency_code":"AUD","in_stock":true},{"title":"60 x 90cm","offer_id":46660984111262,"sku":null,"price":229.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0169\/2106\/7620\/files\/product_pic_realistic.webp?v=1775005256","url":"https:\/\/petsintoart.com.au\/products\/realistic-pet-portrait-up-to-4-pets-copy","provider":"Pets Into Art","version":"1.0","type":"link"}