.message-item {
    transform: translateX(100%);
    opacity: 0;
}

@media (max-width: 768px) {
    #messages-container {
        right: 0 !important;
        left: 1rem !important;
        width: calc(100% - 2rem) !important;
        max-width: 100% !important;
    }
}