To extend the Core Image component for your multifield in the card component:
1. Create a Custom Image Component: Extend the v3 image component and override image.html to customize the image rendering.
2. Modify the Image HTML: In your custom image.html, define the custom rendering logic for images (e.g., custom classes or attributes).
3. Update Multifield: Make sure your card component’s multifield references the custom image component so it uses your extended image.html when selecting images.
4. Example:
- Custom component path: /apps/your-project/components/image
- In multifield, reference: sling:resourceType="your-project/components/image"
This ensures your card images use the custom rendering from image.html.