[Rendering][iOS] Image too stretched one the ACRView

[shabripabba]

Target Platform

Please list the platform(s) that your application is targeting and remove platforms you are not targeting:

• iOS

Target Application

Please provide the name of the application that is rendering the card (ex: Outlook, Teams, etc)
Teams

Problem Description

Please enter a description of the issue. If you just have a question, please post on StackOverflow instead

Adaptive card with an image in the left top gets stretched and doesn't replicate designer.

Screenshot

Please provide a screenshot of the problem (if possible)
First image is the test app and the second one is the Designer.

Card JSON

Please provide the JSON of the Card that is being rendered

{
"body": [
{
"style": "emphasis",
"items": [
{
"columns": [
{
"width": "stretch",
"items": [
{
"size": "Large",
"weight": "Bolder",
"type": "TextBlock",
"text": "EXPENSE APPROVAL"
}
],
"type": "Column"
},
{
"width": "auto",
"items": [
{
"altText": "Pending",
"type": "Image",
"url": "https://urlp.asm.skype.com/v1/url/content?url=https%3a%2f%2fadaptivecards.io%2fcontent%2fpending.png",
"height": "30px"
}
],
"type": "Column"
}
],
"type": "ColumnSet"
}
],
"type": "Container",
"bleed": true
},
{
"items": [
{
"columns": [
{
"items": [
{
"size": "ExtraLarge",
"text": "Trip to UAE",
"type": "TextBlock",
"wrap": true
},
{
"size": "Small",
"spacing": "Small",
"color": "Accent",
"weight": "Bolder",
"type": "TextBlock",
"text": "ER-13052"
}
],
"width": "stretch",
"backgroundImage": {
"url": "https://i.ibb.co/dK8gNM6/375132.png",
"verticalAlignment": "Center",
"horizontalAlignment": "Center"
},
"type": "Column"
}
],
"type": "ColumnSet"
},
{
"facts": [
{
"title": "Submitted By",
"value": "Matt Hidinger matt@contoso.com"
},
{
"title": "Duration",
"value": "2019/06/19 - 2019/06/25"
},
{
"title": "Submitted On",
"value": "2019/04/14"
},
{
"title": "Reimbursable Amount",
"value": "$ 375"
},
{
"title": "Submitted to",
"value": "David david@contoso.com"
}
],
"spacing": "Large",
"type": "FactSet"
}
],
"type": "Container"
},
{
"bleed": true,
"style": "emphasis",
"items": [
{
"columns": [
{
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "DATE",
"weight": "Bolder"
}
],
"type": "Column"
},
{
"items": [
{
"type": "TextBlock",
"text": "CATEGORY",
"weight": "Bolder"
}
],
"width": "stretch",
"type": "Column",
"spacing": "Large"
},
{
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "AMOUNT",
"weight": "Bolder"
}
],
"type": "Column"
}
],
"type": "ColumnSet"
}
],
"type": "Container",
"spacing": "Large"
},
{
"columns": [
{
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "06/19",
"wrap": true
}
],
"type": "Column"
},
{
"items": [
{
"type": "TextBlock",
"text": "Air Travel Expense",
"wrap": true
}
],
"width": "stretch",
"type": "Column",
"spacing": "Medium"
},
{
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "$ 275",
"wrap": true
}
],
"type": "Column"
},
{
"id": "chevronDown1",
"verticalContentAlignment": "Center",
"items": [
{
"width": "20px",
"altText": "collapsed",
"height": "auto",
"type": "Image",
"url": "https://urlp.asm.skype.com/v1/url/content?url=https%3a%2f%2fadaptivecards.io%2fcontent%2fdown.png"
}
],
"width": "auto",
"type": "Column",
"spacing": "Small"
},
{
"id": "chevronUp1",
"width": "auto",
"spacing": "Small",
"verticalContentAlignment": "Center",
"isVisible": false,
"type": "Column",
"items": [
{
"width": "20px",
"altText": "expanded",
"height": "auto",
"type": "Image",
"url": "https://urlp.asm.skype.com/v1/url/content?url=https%3a%2f%2fadaptivecards.io%2fcontent%2fup.png"
}
]
}
],
"type": "ColumnSet"
},
{
"id": "cardContent1",
"isVisible": false,
"items": [
{
"items": [
{
"text": "* Leg 1 on Tue, Jun 19th, 2019 at 6:00 AM.",
"isSubtle": true,
"type": "TextBlock",
"wrap": true
},
{
"text": "* Leg 2 on Tue,Jun 19th, 2019 at 7:15 PM.",
"isSubtle": true,
"type": "TextBlock",
"wrap": true
},
{
"items": [
{
"placeholder": "Add your comment here.",
"id": "comment1",
"type": "Input.Text"
}
],
"type": "Container"
}
],
"type": "Container"
},
{
"items": [
{
"columns": [
{
"width": "auto",
"type": "Column"
}
],
"type": "ColumnSet"
}
],
"type": "Container"
}
],
"type": "Container"
},
{
"columns": [
{
"width": "auto",
"items": [
{
"wrap": true,
"horizontalAlignment": "Center",
"type": "TextBlock",
"text": "06/25"
}
],
"type": "Column"
},
{
"items": [
{
"type": "TextBlock",
"text": "Air Travel Expense",
"wrap": true
}
],
"width": "stretch",
"type": "Column",
"spacing": "Medium"
},
{
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "$ 100",
"wrap": true
}
],
"type": "Column"
},
{
"id": "chevronDown3",
"verticalContentAlignment": "Center",
"items": [
{
"width": "20px",
"altText": "collapsed",
"height": "auto",
"type": "Image",
"url": "https://urlp.asm.skype.com/v1/url/content?url=https%3a%2f%2fadaptivecards.io%2fcontent%2fdown.png"
}
],
"width": "auto",
"type": "Column",
"spacing": "Small"
},
{
"id": "chevronUp3",
"width": "auto",
"spacing": "Small",
"verticalContentAlignment": "Center",
"isVisible": false,
"type": "Column",
"items": [
{
"width": "20px",
"altText": "expanded",
"height": "auto",
"type": "Image",
"url": "https://urlp.asm.skype.com/v1/url/content?url=https%3a%2f%2fadaptivecards.io%2fcontent%2fup.png"
}
]
}
],
"type": "ColumnSet"
},
{
"id": "cardContent3",
"isVisible": false,
"items": [
{
"items": [
{
"placeholder": "Add your comment here.",
"id": "comment3",
"type": "Input.Text"
}
],
"type": "Container"
},
{
"items": [
{
"columns": [
{
"width": "auto",
"type": "Column"
}
],
"type": "ColumnSet"
}
],
"type": "Container"
}
],
"type": "Container"
},
{
"items": [
{
"columns": [
{
"id": "chevronDown4",
"verticalContentAlignment": "Center",
"items": [
{
"text": "Show history",
"wrap": true,
"color": "Accent",
"type": "TextBlock",
"horizontalAlignment": "Right"
}
],
"width": 1,
"type": "Column"
},
{
"id": "chevronUp4",
"width": 1,
"verticalContentAlignment": "Center",
"isVisible": false,
"type": "Column",
"items": [
{
"text": "Hide history",
"wrap": true,
"color": "Accent",
"type": "TextBlock",
"horizontalAlignment": "Right"
}
]
}
],
"type": "ColumnSet"
}
],
"type": "Container"
},
{
"id": "cardContent4",
"isVisible": false,
"items": [
{
"items": [
{
"text": "* Expense submitted by Matt on Wed, Apr 14th, 2019",
"isSubtle": true,
"type": "TextBlock",
"wrap": true
},
{
"text": "* Expense approved by Thomas on Thu, Apr 15th, 2019",
"isSubtle": true,
"type": "TextBlock",
"wrap": true
}
],
"type": "Container"
}
],
"type": "Container"
},
{
"type": "Container"
}
],
"fallbackText": "This card requires Adaptive Cards v1.2 support to be rendered properly.",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.3"
}

Sample Code

Please provide any relevant code samples to help reproduce the issue

Version of SDK

What version are you using? Ex: NuGet 1.0.2, or latest main, etc...
2.8.0-beata1