<turbo-stream action="update" target="product-image-preview"><template><div class="aspect-[1]" id="image-mockup"><!-- TODO: for sticker and maybe frame products, can control size via transform: scale(1.2) or whatever -->
<div class="relative">
  <img alt="Stainless Steel Tumbler" class="w-full aspect-[1] " style="background-color: ;" data-controller="" data-request-url="/products/stainless_steel_tumbler/image" src="https://pugmug-production-uploads.s3.us-west-2.amazonaws.com/b90aa2d141b54c7811edb82a8affd0e2.webp?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIAQVZZDZXFHVDHQ6WT%2F20260512%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T214654Z&amp;X-Amz-Expires=900&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2fe8255369417ec8b5fea2864f12b1de0a1526aace8445836f49233b8c3240cd" loading="lazy" />
    <div>
      <img alt="Your pet here" class="absolute top-[10%] right-[10%] w-[40%] drop-shadow" src="https://cdn.pugmug.ai/assets/products/your_pet_here-836a760d180e0438232e42f3d8016bddc7c976ee6a5b0a89009871f262862e80.svg" loading="lazy" />
    </div>
</div>
</div></template></turbo-stream>