How can I automatically resize my Hero Images for Rich Messages to adapt to the display size of the device they are being rendered on?

Your business will need to contact Punchh support or your Customer Success Manager in order to implement the below CSS.

In order to automatically resize your Hero Images for Rich Messages you will need to include and remove the following sections of code in your CSS:

You will need to replace this section CSS:

{
		"key": "hero_content",
		"type": "image"
	}


With THIS: 

{
            "key": "hero_content",
            "type": "image",
            "resizeMode": "cover"
    }

Disclaimer:
In an effort to supply information as quickly as possible, this article has been published prior to a formal technical review, and is subject to factual, grammatical, and various structural errors. Data may be incomplete, misordered, or incorrect.

This additional disclaimer will be removed upon formal review of this article. The standard Punchh Inc. KB Disclaimer still applies, and can be found at: https://support.punchh.com/hc/en-us/articles/360040100273-Punchh-Inc-Knowledge-Base-Disclaimer