#general-bio > img {
    width: 100%;
    object-fit: cover;
    z-index: -1;
    position: relative;
}

#bio-text {
    padding: 20px;
    text-align: justify;
}

#musician-bubble-container > img:not(#background-logo-bubble) {
    width: 11.5%;
    object-fit: cover;
    border-radius: 100%;
    float: right;
    aspect-ratio: 1 / 1;
    margin-top: 2.1%;
    margin-right: 0.3%;
    filter: grayscale(1);
    transition: 0.4s;
}

#musician-bubble-container > img:not(#background-logo-bubble):not(.active):hover {
    filter: grayscale(0);
    transition: 0.4s;
    cursor: pointer;
}

#musician-bubble-container > img:not(#background-logo-bubble).active {
    filter: grayscale(0);
}


#musician-bubble-container img:not(#background-logo-bubble):nth-child(3) {
    margin-right: 3.7%;
    margin-top: 3.1%;
}

#musician-bubble-container img:not(#background-logo-bubble):nth-child(4) {
    margin-right: 3%;
    margin-top: 3.3%;
}

#musician-bubble-container img:not(#background-logo-bubble):nth-child(5) {
    margin-right: 4.2%;
    margin-top: 1.5%;
}

#musician-bubble-container img:not(#background-logo-bubble):nth-child(6) {
    margin-top: 1.55%;
    margin-right: 3.35%;
}


#musician-bubble-container {
    position: relative;
}

#background-logo-bubble {
    position: absolute;
    top: 0;
    right: 0;
    width: 130%;
    z-index: -1;
    opacity: 0.1;
}

#musician-name {
    padding: 0;
    margin: 0;
    position: relative;
    text-align: right;
    margin-top: 22%;
    font-size: 2.5em;
    font-weight: bold;
}

#musician-instrument {
    padding: 0;
    margin: 0;
    position: relative;
    text-align: right;
    margin-top: -20px;
    font-size: 1.8em;
}

#musician-bio-container{
    display: flex;
    align-items: center;
}
#musician-bio-text {
    text-align: justify;
    padding: 0;

    flex: 1;
    justify-content: center;
    align-items: center;
    padding-left: 38px;
}

.musician-bio-large {
    width: 350px;
    height: 350px;
    object-fit: cover;
    border-radius: 175px;
    padding: 0;
    /*display: inline-block;*/
    display: none;
}

@media (max-width: 991px) {
#musician-bubble-container{
    width: 135%;
    max-width: 135%;
    margin-left: -35%;
}

    #musician-name {
        margin-top: 150px;
        text-align: center;
        line-height: 1em;
    }
    #musician-instrument{
        text-align: center;
        margin: 0;
    }

    .musician-bio-large {
        width: 250px;
        height: 250px;
        margin: 30px 0;
        display: none;
    }

    element.style {
    }

    #musician-bio-text {
        padding: 20px;
        margin-bottom: 80px;
    }


    #musician-bio-container {
        flex-direction: column;
    }
}

@media (min-width: 992px) and (max-width: 1500px) {
    #general-bio > img {
        height: 440px;
    }
}

@media (min-width: 1500px) {
    #general-bio > img {
        height: 440px;
    }
}