Image with Dynamic Media and Smartcropping: Rendition Auto not working Cloud

[MahenderKum]

Current Behavior
Using smart cropping with rendition auto for the image component ( tried with core image v2 and v3 version). It does not auto-load image on frontend image view.

Steps to reproduce

Connect to dynamic media
Enable dynamic media features in the image policy and configured required properties.
Create an image profile with smart crop renditions (see screenshot)
Apply the image profile to a folder
Upload a file to this folder and optionally adjust the smart crop
Create a page and add an image component. Use the image uploaded before and verified cropping rendition available
Edit the component and set rendition to auto in the dialog (see screenshot)

Expected behavior/code
The rendition that works best for the width of the image is loaded. When device width change to desktop to mobile or tablet, image should crop based on device width automatically.

When using the Dynamic Media component, everything works perfectly fine, I would expect the same behviour for the Image v2 or v3 Component. later we expect same for teaser component as well.

For Example : the smart crops on the attached screenshot, I would expect the small rendition to be loaded for an image with 320px width and when resizing it up to 768px, I would expect the medium rendition to be loaded and when resizing it up to 1280px, I would expect the large rendition to be loaded.

Environment

AEM version and patch level: AEM Cloud 2025.11.23482.20251120T200914Z

Additional context / Screenshots

ClientLib for Image v2 added and loding as well: