* { box-sizing: border-box; } .initials, .pull_left.userpic_wrap, .reply_to, .media_video { display: none; } .page_body.chat_page { width: auto; padding: 64px; } .history { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: center; gap: 48px; } .history > *:nth-child(even) { align-self: flex-end; } .message { background-color: rgb(240, 242, 245); font-size: 20px; line-height: 1.6; padding: 20px; border-radius: 20px; position: relative; max-width: 60ch; } .message .body { margin: 0; } .date { float: none; position: absolute; top: -24px; right: 20px; font-size: 14px; } .message.service { align-self: center; margin: 256px auto; flex-basis: 100vw; background: none; max-width: none; font-size: 42px; } .history img { max-width: 100%; max-height: 100vh; object-fit: contain; }