/* Estilo para pantallas de cualquier tamaño */
.banner-img img {
    
    width: 80%;
    height: auto;
    
  }
  
  /* Estilo para pantallas de hasta 600px de ancho (típicamente móviles) */
  @media (max-width: 600px) {
    .banner-img img {
      width: 40%; /* Ajusta este valor a l1`    o que necesites */
      
    }
  }
  /* Estilo para pantallas de cualquier tamaño */


  @media screen and (max-width: 528px) {
    .home_banner_03 .banner-img {
      width: 360px;
  }
  .banner-img {
    display: flex;
    left: 5%;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    height: 100%; /* Asegúrate de que el contenedor tenga una altura */
  }
  }