.icono {
    position: fixed;
    left: 20px;
    top: 150px; /* Cambié el valor de top para que las burbujas estén más arriba */
    z-index: 999;
    width: 20%;
}

.icono a {
    margin-top: 4px;
}

.icono img {
    width: 30%;
    padding: 4px;
    background: rgba(0, 0, 0, 0.0);
    cursor: pointer;
    border-radius: 150%;
    transition: all 300ms;
    height: auto;
}

.icono a:hover img {
    background: rgba(0, 0, 0, 0.10);
}

@media (max-width: 1000px) {
    .icono img {
        width: 60%;
    }
    .icono {
        left: 5px;
        top: 100px; /* Ajusté también este valor para pantallas más pequeñas */
    }
}