.background-image {
      background-image: url("img/fondo.jpg");
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 100vh;
      /* Esto establece el alto del div al 100% del viewport height */
      overflow-y: scroll;
      overflow-x: hidden;
    }

    .botones {
      background-color: #76a7a4c7;
      border-radius: 7px;
      color: whitesmoke;
    }
    .boton-l {
        background-color: #a25e53b8;
        border-radius: 7px;
        color: #fff;
    }

    .icono {
      filter: brightness(0) invert(1);
    }

    @media only screen and (max-width: 768px) {
      .botones {
        height: auto;
      }
      .boton-l {
        height: auto;
      }

    }


    @media only screen and (max-width: 480px) {
      .botones {
        height: 38px;
      }
      .boton-l {
        height: 38px;
      }
    }