/* Por defecto (desktop): z-index negativo para ocultar */
.banner-wrapper {
  z-index: -99999;
}

/* Desktop: imagen reducida al 50% */
.banner-img {
  width: 50%;
  height: auto;
}

/* Móvil (≤576px): mostramos banner y usamos tamaño original */
@media (max-width: 576px) {
  .banner-wrapper {
    z-index: 900;           /* aparece sobre el contenido */
  }
  .banner-img {
    width: auto;            /* ancho original de la imagen */
    max-width: 100%;        /* nunca desborde la pantalla */
    height: auto;
  }
}