.speech-bubble-container {
    left: 2.5em;
    top: 2.5em;
    position: relative;
    z-index: 11;
    transition: all 500ms ease-in-out;
}


.speech-bubble.visible {
    display: block;
    transition: all 500ms ease-in-out;
}

.speech-bubble {
    top:0;
    left:0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: max(.5cm, .9vw);
    position: absolute;
    background-color: rgb(255, 238, 182);
    z-index: 11;
    padding: .2rem .4rem;
    transform-origin: center;
    display: none;
    color: black;
    border-radius: .5rem;
    max-width: 15rem;
    overflow-wrap: break-word;
}