.chat-wrapper {
    border: 1px solid #4B4B4B;
    overflow-y: auto;
    padding: 1rem;
    width: calc(60% - 2rem - 2px);
    height: calc(100% - 2rem - 2px);
}

/* width */
.chat-wrapper::-webkit-scrollbar {
    width: 25px;
}

/* Track */
.chat-wrapper::-webkit-scrollbar-track {
    background: #BFBFBF;
}

/* Handle */
.chat-wrapper::-webkit-scrollbar-thumb {
    background: #808080;
}

/* Handle on hover */
.chat-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}

    .text-wrapper {

    }

    .line {
        display: inline;
        align-items: flex-start;
        width: 100%;
    }

        .line img {
            width: 100%;
            max-width: 250px;
            height: auto;
            margin-top: 1rem;
            cursor: pointer;
        }

    .you-say {
        width: fit-content;
        display: inline-block;
        margin-right: .5rem;
    }

    .dimitri-say {
        width: fit-content;
        display: inline-block;
        margin-right: .5rem;
    }

    @media(max-width: 800px) {
        .chat-wrapper {
            width: calc(100% - 4px);
        }
    }