Dynamic Max-width (for responsive)

JS File

<script src="http://url-patronus.up.insights.amex.cntflt.dev/js/fade-in-info.js"></script>

Select Preview

• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Platinum-B2B"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Gold-B2B"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Platinum"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Gold"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Rosé-Gold"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Blue-Card"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-American-Express-Card"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Payback"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Reisekomplettschutz"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Reiserücktritt"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Auslandskrankenversicherung"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Handyversicherung"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Ticketkostenversicherung"></div>
• <div id="amex_fade_in_info_v5_dynamic" data-type="Fade-In-Taschenversicherung"></div>

Examples