.popup-info {
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
    width: fit-content;
    position: absolute;
    background-color: #c4c4c4;
    color: black;
    position: absolute;
    max-width: 360px;
    box-sizing: border-box;
}

.popup-info ul {
    padding-left: 25px;
}

.popup-info li {
    text-align: left;
}

.triangle-tip {
    position: absolute;
    top: -14px;
    width: 16px;
    height: 16px;
    background: inherit;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    right: 32px;
}


@media only screen and (max-width:650px) {

    .popup-info {
        max-width: 300px;

    }

}