<div id="nuestros-modelos"></div> <div class="content-banner-customize"> <a href="https://eventos.divemotor.com/jeep-xtreme-sale" target="_blank"> <div class="content-banner-home"> <!-- Imagen de escritorio --> <img class="banner-desktop" src="/content/dam/cross-regional/stellantis/jeep/latam-rol/peru/banners/banner-xtreme-2025.jpg" alt="Desktop Image"> <!-- Imagen de tableta --> <img class="banner-tablet" src="/content/dam/cross-regional/stellantis/jeep/latam-rol/peru/banners/banner-xtreme-2025-mb.png" alt="Tablet Image"> <!-- Imagen de móvil --> <img class="banner-mobile" src="/content/dam/cross-regional/stellantis/jeep/latam-rol/peru/banners/banner-xtreme-2025-mb.png" alt="Mobile Image"> </div> </a> </div> <style> .content-banner-customize { display: none !important; } .content-banner-home { align-items: center; justify-content: center; } img { width: 100%; height: auto; display: block; margin: 0 auto; } .banner-tablet, .banner-mobile { display: none; } /* Mostrar solo imagen móvil en pantallas hasta 850px */ @media (max-width: 850px) { .banner-desktop, .banner-tablet { display: none !important; } .banner-mobile { display: block !important; } } /* Mostrar solo imagen de tablet entre 851px y 1023px */ @media (min-width: 851px) and (max-width: 1023px) { .banner-desktop, .banner-mobile { display: none !important; } .banner-tablet { display: block !important; } } /* Mostrar solo imagen de escritorio desde 1024px en adelante */ @media (min-width: 1024px) { .banner-mobile, .banner-tablet { display: none !important; } .banner-desktop { display: block !important; } } </style>