.brainfarts {
    margin:0.5rem;
    display:grid;
    grid-template-columns:100px 1fr;
    grid-template-areas:
    "bfAvatar bfText"
    "bfAvatar bfDate";
    border-radius:15px;
    section {
        grid-area:bfText;
        margin-left:0.5rem;
        img {
            max-width:75%;display:block;
            margin:auto;
        }
    }
    time {
        grid-area:bfDate;
        text-align:right;
        margin-right:0.5rem;
    }
    background:linear-gradient(to right bottom, palegoldenrod, transparent );
}

.bf-avatar {
    grid-area:bfAvatar;
    padding:5%;
    width:100px;
    border-radius:50%;
}