Adaptive card sent via a curl request to teams doesn't render on iOS app but renders well on MacOS

We created an adaptive card for our business use and sent data to it via a curl request to incoming webhook on teams. The card renders well on Teams MacOS app, but in the Teams mobile app on an iOS device, it displays a blank template.

{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "msteams": { "width": "Full" }, "body": [ { "type": "Container", "style": "emphasis", "items": [ { "type": "TextBlock", "text": "XYZ Notes:", "wrap": true } ] }, { "type": "Container", "padding": "Default", "style": "emphasis", "separator": true, "spacing": "None", "items": [ { "type": "TextBlock", "text": "ABC", "wrap": true, "size": "Large", "weight": "Bolder", "style": "heading" }, { "type": "FactSet", "facts": [ { "title": "JKL:", "value": "ABC" } ] } ] }, { "type": "Container", "id": "6", "spacing": "None", "style": "emphasis", "separator": true, "items": [ { "type": "TextBlock", "text": "DEF:", "wrap": true, "size": "Medium", "weight": "Bolder", "style": "heading" }, { "type": "TextBlock", "text": "MNO", "wrap": true } ], "padding": "None" }, { "type": "Container", "id": "8", "padding": "Default", "items": [ { "type": "ActionSet", "padding": "Default", "actions": [ { "type": "Action.OpenUrl", "title": "View it now", "url": "abc.com", "isPrimary": true } ], "id": "222" }, { "type": "ActionSet", "padding": "Default", "actions": [ { "type": "Action.OpenUrl", "title": "View it", "url": "xyz.com", "isPrimary": true } ], "id": "111" } ] } ] } } ], };