Dynamic Max-width (for responsive)

Requires

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />

JS File

<script src="http://url-patronus.up.insights.amex.cntflt.dev/js/boost-card-benefit-box.js"></script>

Select Preview

• <div id="amex_boost_card_benefit_box" data-type="platinum"></div>
• <div id="amex_boost_card_benefit_box" data-type="Gold-Metall"></div>
• <div id="amex_boost_card_benefit_box" data-type="Rosé-Gold"></div>
• <div id="amex_boost_card_benefit_box" data-type="blue"></div>
• <div id="amex_boost_card_benefit_box" data-type="green"></div>
• <div id="amex_boost_card_benefit_box" data-type="payback"></div>
• <div id="amex_boost_card_benefit_box" data-type="b2b-platinum"></div>
• <div id="amex_boost_card_benefit_box" data-type="b2b-gold"></div>

Examples